javascript - reactjs 更改defaultChecked无效

Question

尝试改变 data.selected 的值 true false, 结果无效. 始终是默认第一次状态.

                    <input type="checkbox" defaultChecked={data.selected} onClick={clickHandler}/>

查看chrome的react的结构, 属性defaultChecked已经改变了.

难道只能用 checked 通过state方式改变吗??那样还的监听函数动态设置state值太过繁琐了.

---

感谢回复.

Answer 1

defaultChecked 只有在初始化的时候才生效，后期你修改这个值是没用的。
如果你嫌麻烦可以用 LinkedStateMixin 来实现双向绑定：

<input type="checkbox" checkedLink={this.linkState('booleanValue')} />

参考官方文档 - Two-Way Binding Helpers

Answer 2

没人知道吗?

Answer 3

很简单，你再设置一个checked属性，绑定和defaultChecked同样的值，这样在组件第一次渲染的时候显示的是defaultChecked,后面你的state改变defaultChecked无效，checked会生效。

---

像这样

 <input type="checkbox" defaultChecked={data.selected} checked={data.selected} onClick={clickHandler}/>