Typescript: जेनेरिक परिभाषा में `एक्सटेंड` का उपयोग करके जेनेरिक टाइप की गई संपत्ति के लिए संगत मूल्य निर्दिष्ट करने में असमर्थ।

विचार करें कि क्या होता है यदि आप इसे लिखते हैं

var t = new GenericComponent<{on: boolean, thing: string}>();
t.onInput({ value: 30 });
t.state.thing.substr(0); // 'thing' property should exist, but doesn't

यहाँ एक सरल उदाहरण दिया गया है:

class Stateful<State extends { on: boolean }> {
  state: State = {
    on: true
  }; // error
}

यह काम नहीं करता है इसका कारण यह है कि यह कभी भी केवल तभी मान्य होगा जब Stateful का एक प्रकार के तर्क के साथ त्वरित रूप से { on: boolean } बराबर हो।

असल में, _there exists_ एक टाइप T , की कमी को पूरा करने Stateful के प्रकार तर्क ऐसी है कि इन्स्टेन्शियशन मान्य है, लेकिन इस all_ प्रकार _for नहीं रखता है T जहां T Stateful प्रकार के तर्क को संतुष्ट करता है।

तो ऊपर गलत कोड सभी प्रकारों के लिए T<T> जहां T, स्टेटफुल है`।

तार्किक रूप से, हम इसे इस प्रकार देख सकते हैं

अभिकथन

1. P { on: boolean } टाइप होने दें
2. सभी प्रकारों के लिए T ऐसे हैं कि T P , Stateful<T> की परिभाषा वैध है।

काउंटर उदाहरण द्वारा प्रच्छन्न

1. U { on: boolean, value: number } टाइप होने दें
2. U परिभाषा के अनुसार P -> के लिए उपलब्ध है
3. Stateful<U> अवैध है -> प्रतिस्थापन द्वारा
4. इसलिए T एक प्रकार मौजूद है कि T P और Stateful<T> एक अवैध तात्कालिकता है - निहितार्थ द्वारा

@RyanCavanaugh @aluanhaddad शूट, मुझे पता था कि। मैं बस कुछ आसान करने के लिए समस्या को दूर करने की कोशिश करते हुए भ्रमित हो गया। तो चलिए फिर से कोशिश करते हैं। इस मामले में आंशिक का उपयोग करने के बारे में क्या? मुझे अभी भी इसी तरह की त्रुटि मिलती है।

interface BaseState {
    on: boolean;
};

class Component {
    state: BaseState;

    setState(partialState: Partial<BaseState>) {
        this.state = { ...this.state, ...partialState };
    }

    onInput({ value }: { value: number }) {
        this.setState({ on: value > 0 });  // no error
    }
}

class GenericComponent<State extends BaseState> {
    state: State;

    setState(partialState: Partial<State>) {
        this.state = { ...this.state, ...partialState };
    }

    onInput({ value }: { value: number }) {
        this.setState({ on: value > 0 });  // error: Argument of type '{ on: boolean; }' is not assignable to parameter of type 'Partial<State>'
    }
}