Gibt es eine JSX-Verknüpfung, um einer Eigenschaft einen Wert zuzuweisen, wenn sie denselben Namen hat?

Question

Wenn ich etwas JSX ich schreibe, gibt es eine Abkürzung für einige wie folgt aus:

<MyComponent myProperty={myProperty} /> 

Derart, dass muss ich zweimal myProperty nicht schreiben?

Ich bin grundsätzlich auf der Suche nach einem JSX entspricht der literalen Objekt Kurzschrift Syntax in ES2015 und höher.

Answer 1

Es gibt keine solche Entsprechung. Der Grund dafür ist, dass JSX ahmt HTML-Syntax und für HTML beide die folgenden haben eine Bedeutung:

// a property without value 
<MyComponent myProperty /> 
// a property with a value 
<MyComponent myProperty={myProperty} /> 

daher keine Stenografie Syntax eingeführt werden kann.

Sie könnten reine JS verwenden aber:

React.createElement("MyComponent", { myProperty }); 

oder, Sie alle Eigenschaften als JS Objekt passieren kann:

<MyComponent {...{ myProperty }} /> 

Ich glaube, dass sowohl die Lesbarkeit verringern würde.