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

Question

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

替换它一样

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

Answer 1

checked=false应为checked={false}

如果您想将JavaScript表达式用作属性值，则必须将其包装在一对花括号中，否则您将获得SyntaxError。

  

Embedded：JSX值应该是表达式或带引号的JSX   文本

您可以阅读here