Feliz: [<importedreactcomponent from="bar">]</importedreactcomponent>

को निर्मित 12 दिस॰ 2020 · 6टिप्पणियाँ · स्रोत: Zaid-Ajaj/Feliz

हमें आयातित घटकों को मॉडल करने के लिए एक अतिरिक्त विशेषता जोड़नी चाहिए और इसलिए कॉल साइट में समान परिवर्तन। इसलिए हम या तो वैकल्पिक तर्कों या (अनाम) रिकॉर्ड प्रॉप्स का आसानी से उपयोग कर सकते हैं:

type ExternalModule =
    [<ImportedReactComponent("AnotherComponent", from="external-module")>]
    static member Component(name: string, flag: bool): ReactElement = jsNative

[<ImportedReactComponent("AnotherComponent", from="external-module")>]
let AnotherComponent (props: {| foo: int; bar: string |}): ReactElement = jsNative

ऐसा इसलिए है कि मैं नहीं भूलता, मैं खुद एक पीआर भेजने की कोशिश करूंगा।

स्रोत

alfonsogarciacaro

❤1

सबसे उपयोगी टिप्पणी

@alfonsogarciacaro प्रकाशित फ़ेलिज़ v1.25 जो आपको लिखने की अनुमति देनी चाहिए

[<ReactComponent(import="Hello", from="external-module")>]
let HelloWrapper (name: string) (children: ReactElement []) = Html.none

कहाँ के शरीर HelloWrapper रिटर्न null क्योंकि हम घोषणा की और कॉल-साइट पर छुटकारा नहीं मिल सकता है, आयातित समारोह बजाय लागू मानकों के साथ प्रयोग किया जाता है

Zaid-Ajaj 12 दिस॰ 2020

❤2 🚀1

सभी 6 टिप्पणियाँ

ओह, यह वास्तव में बहुत अच्छा होगा 😍

हालांकि, उसी विशेषता का उपयोग क्यों न करें?

// import { AnotherComponent } from "external-module"; 
[<ReactComponent(import="AnotherComponent", from="external-module")>]
let Component(name: string, flag: bool): ReactElement = jsNative

// import Component from "external-module"
[<ReactComponent(importDefaultFrom="external-module")>]
let Component(name: string, flag: bool): ReactElement = jsNative

मुझे व्यक्तिगत रूप से यह बेहतर लगता है, आपको क्या लगता है?

Zaid-Ajaj 12 दिस॰ 2020

यह भी काम करना चाहिए

alfonsogarciacaro 12 दिस॰ 2020

मेरा भविष्य मैं सिर्फ मुझे बताता हूं कि भविष्य में कोई समस्या हो सकती है यदि हम आरईपीएल में प्लगइन्स काम करना चाहते हैं, क्योंकि वर्तमान में मैं प्लगइन को शुरू करने के लिए System.Activator का उपयोग कर रहा हूं और Fable में यह केवल प्राथमिक के साथ काम करता है निर्माता। लेकिन विशेषता कंस्ट्रक्टरों के लिए वैकल्पिक तर्कों की अनुमति नहीं है, इसलिए हमें कई कंस्ट्रक्टरों का उपयोग करने की आवश्यकता है।

वैसे भी, कई कंस्ट्रक्टरों के साथ विशेषताओं से बचना हमेशा संभव नहीं होगा (हम पहले से ही उनका उपयोग करते हैं) और मुझे यकीन है कि समय आने पर हम वर्कअराउंड पा सकते हैं

alfonsogarciacaro 12 दिस॰ 2020

👍1

यदि आप लोग एक अलग विशेषता के साथ जाते हैं, तो मैं इसके बजाय एक क्रिया का उपयोग करने का सुझाव दूंगा: [<ImportReactComponent>] ।
यह इसे JS इंटरऑप विशेषताओं (जैसे [<ImportDefault>] ) के अनुरूप बनाए रखेगा।

VitalyBrusentsev 12 दिस॰ 2020

👍1

@VitalyBrusentsev मुझे लगता है कि मैं उसी [<ReactComponent>] अंदर नए मापदंडों को आज़माने के बजाय एक नई विशेषता का प्रयास करूँगा

@alfonsogarciacaro मैं इसे अभी

Zaid-Ajaj 12 दिस॰ 2020

@alfonsogarciacaro प्रकाशित फ़ेलिज़ v1.25 जो आपको लिखने की अनुमति देनी चाहिए

[<ReactComponent(import="Hello", from="external-module")>]
let HelloWrapper (name: string) (children: ReactElement []) = Html.none

Zaid-Ajaj 12 दिस॰ 2020

❤2 🚀1

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स

Feliz: [<importedreactcomponent from="bar">]</importedreactcomponent>

सबसे उपयोगी टिप्पणी

सभी 6 टिप्पणियाँ

संबंधित मुद्दों