JSX如何爲複選框輸入的元素插入道具？

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。

嵌入式：JSX值應該是表達式或引用JSX 文本

你可以閱讀一下here