當復選框未選中時，我正在嘗試設定復選框的默認值
初始狀態
interface stateObject{
checkbox: boolean | null
}
class Component{
constructor(props){
super(props)
this.state = {
checkbox: null,
}
<Checkbox
id="checkbox"
label="controlled"
value={this.state.checkbox}
onChange={this.ChangeValue}
/>
ChangeValue= (event) => {
this.setState(
(prevState) => ({
checkbox: !prevState.checkbox,
})
})
當我單擊復選框時，它設定為 true，當我取消選擇/取消選中復選框時，我需要將其設定為默認狀態值（null）而不是 false
uj5u.com熱心網友回復：
true如果您希望值在和之間交替null，可以這樣做：
this.setState(prevState => ({
checkbox: prevState.checkbox ? null : true
});
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/461451.html
標籤：javascript 反应 反应还原 反应钩子