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

Question

如果 this.props.stocked returns 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

How does JSX interpolate props for elements with checkbox inputs?