Reactjs 当属性具有相同的名称时，是否有JSX快捷方式为属性赋值？

如果我在写JSX，有没有这样的捷径：

<MyComponent myProperty={myProperty} />

这样我就不必写

myProperty

两次了

---

我基本上是在寻找与ES2015及更高版本中的文本对象速记语法等价的JSX。

没有类似的东西。原因是JSX模仿HTML语法，对于HTML而言，以下两种语言都有其含义：

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

或者，您可以将所有属性作为JS对象传递：

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

---

我相信这两者都会降低可读性。

严格来说，第一种情况是

truthy

，所以不完全是带值的，并且对

PropTypes.bool

-所以你不必说

myProperty={true}

-相反，缺少

myProperty

是错误的。@DimitarChristoff我知道，这就是HTML中的意思，例如，

这是有意义的。但是，我看不到

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