是什么 ！！在复选框的选中属性中？ [复制]

Question

我正忙于通过 this tutorial 在 React + Redux 上工作，我想知道 !!用于设置复选框的选中属性时。

render() {
const onClick = () => store.dispatch({type: 'TOGGLE'});
return (
  <div>
    <h1>To dos</h1>
    <div>
      Learn Redux&nbsp;
      <input
        type="checkbox"
        checked={!!this.state.checked}
        onClick={onClick}
      />
    </div>
    {
      this.state.checked ? (<h2>Done!</h2>) : null
    }
  </div>
);

如果您删除 !!该组件仍按预期工作。

如果我离开！！但是删除 onClick 属性然后什么也没有发生，因为状态没有改变，所以控件永远不会重新呈现。复选框保持未选中状态，完成！消息永远不会显示

如果我删除 onClick 和 !!，复选框会从未选中变为选中（尽管它绑定到 state.checked，默认情况下为 false），但状态显然永远不会改变，因为完成！消息不会显示。

什么是！！正在做？

Answer 1

var t= undefined
var t1= null
var t2= ""
var t3 = false
 console.log("t", !!t)
 console.log("t1", !!t1)
 console.log("t2", !!t2)
 console.log("t3", !!t3)

 

这些是为了检查有效的可处理值。你可以看到所有的值都会给出假值的sn-p