defaultChecked
- 只在初次渲染时生效,更新时不受控制
export default class App extends Component {
state = {
checked: true // 因为初始值为 true,因此在初始渲染时,多选框为选中状态
}
handleClick = () => {
this.setState({
checked: !this.state.checked // 但由于是 defaultChecked,因此更新状态,并不会影响其选中情况
})
}
render() {
return (
<div>
<input type="checkbox" defaultChecked={
this.state.checked}/>
<button onClick={
this.handleClick}>切换选中</button>
</div>
)
}
}