Как JSX интерполирует реквизит для элементов с вкладками checkbox?

Question

Ниже JSX работает, если this.props.stocked возвращает false или true, но почему он не работает, если я просто ввел hardcode false? Как и в заменить его checked=false

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

Answer 1

checked=false должен быть checked={false}

Если вы хотите использовать выражение JavaScript в качестве значения атрибута, вы должны обернуть его в пару фигурных скобок, в противном случае вы будете получите SyntaxError.

Embedded: значение JSX должно быть либо выражение или цитируемый JSX текст

Вы можете прочитать об этом here