JSX 如何为带有复选框输入的元素插入道具？

【问题标题】：How does JSX interpolate props for elements with checkbox inputs?JSX 如何为带有复选框输入的元素插入道具？
【发布时间】：2016-08-12 01:18:30
【问题描述】：

如果this.props.stocked 返回 false 或 true，则下面的 JSX 有效，但如果我只是硬编码 false，为什么它不起作用？如将其替换为checked=false

        <input
          type="checkbox"
          checked={this.props.stocked}
        />

【问题讨论】：

【解决方案1】：

checked=false 应该是checked={false}

如果你想使用 JavaScript 表达式作为属性值，你必须用一对花括号将它包裹起来，否则你会得到一个SyntaxError。

嵌入：JSX 值应该是表达式或引用的 JSX 文字

你可以阅读它here

【讨论】：