Language-tools: [टाइपस्क्रिप्ट] एक घटक को मान के रूप में पकड़े हुए चर को टाइप करना

हाय वहाँ 😄
एक बात यह है कि हम अपने Svelte घटक वर्ग की आंतरिक परिभाषा पर कुछ गुण / विधियाँ याद कर रहे हैं। दूसरी बात यह है कि टाइपिंग गलत है, यह writable<typeof SvelteComponent> होना चाहिए, अन्यथा आप उस कंपोनेंट के उदाहरण का उल्लेख कर रहे हैं, न कि क्लास टाइप का।

मैंने एक समान मुद्दे का सामना किया है।

import type { SvelteComponent } from 'svelte';
import Comp from './Comp.svelte';

const comp: SvelteComponent = Comp; // Type 'typeof SvelteComponentDev' is missing the following properties from type SvelteComponentDev: $set, $on, $destroy ...

v 3.35.0

सवाल यह है कि एक आयातित घटक में SvelteComponentDev के बजाय "टाइपोफ़ SvelteComponentDev" प्रकार क्यों है

क्योंकि Comp वर्ग है, न कि उस वर्ग का उदाहरण।

class Foo {
    bar: string;
}

class Comp extends Foo {}

const comp: Foo = new Comp(); // OK
const compClass1: Foo = Comp; // WRONG
const compClass2: typeof Foo = Comp; // OK

आह। समझ में आता है। धन्यवाद।

अब सीधे 2 दिनों के लिए इससे लड़ना। मुझे यह बिलकुल समझ में नहीं आया:

<script lang="ts">
  import MyComponent from "./MyComponent.svelte";
  let myComponent: typeof MyComponent;
</script>

<MyComponent bind:this={myComponent}/> //Error here

Argument of type 'typeof MyComponent__SvelteComponent_' is not assignable to parameter of type 'MyComponent__SvelteComponent_'.   
Type 'typeof MyComponent__SvelteComponent_' is missing the following properties from type 'MyComponent__SvelteComponent_': $$prop_def, $$events_def, $$slot_def, $on, and 5 more.ts(2345)

मुझसे यहां क्या गलत हो रहा है? मैं बस उस उदाहरण को एक चर में लाना चाहता हूं। 😭

@ अल्फागुन74 आपको जिस मुद्दे का सामना करना पड़ रहा है, वह इस धागे में दूसरों की तरह नहीं है। आप जो चाहते हैं वह कक्षा का एक उदाहरण है। तो आपको बस जरूरत है:

<script lang="ts">
  import MyComponent from "./MyComponent.svelte";
  let myComponent: MyComponent;
</script>

<MyComponent bind:this={myComponent}/>

अन्य लोग एक गतिशील घटक चाहते हैं, इसलिए उन्हें वर्ग ही, एक विशेष फ़ंक्शन की आवश्यकता होती है।