javascript - JSX 如何为带有复选框输入的元素插入 props？

Question

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

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

Answer 1

checked=false 应为 checked={false}

如果您想使用 JavaScript 表达式作为属性值，则必须将其括在一对花括号中，否则您将收到 SyntaxError。

Embedded: JSX value should be either an expression or a quoted JSX text

您可以阅读here