我试图将复选框的值传递给受检查的状态,我倾向于下面的模型,但是它不起作用。如果有人知道该复选框的标准值不会更改,并且可以帮助我,我将不胜感激。
import React, {useState} from 'react';
function Formulario(){
const[cheked, setCheked] = useState(true)
return(
<div>
<input type="checkbox" id="checked" value={cheked}
onChange={e=>{setCheked(e.target.validationMessage)}} />
<label htmlFor="checked">cheked</label>
</div>
)
}
export default Formulario;
您需要做的是创建某种切换。如果仅以这种方式设置状态,则将无法来回切换。
所以我在这种情况下会是这样的
import React, {useState} from 'react';
function Formulario(){
const[cheked, setCheked] = useState(true)
const handleChange = () => {
setCheckd(!checked)
console.log(checked)
}
return(
<div>
<input type="checkbox" id="checked" checked={cheked}
onChange={handleChange} />
<label htmlFor="checked">cheked</label>
</div>
)
}
export default Formulario;
因此,当发生更改时,状态被设置为不等于检查值的任何值。
我希望这有帮助
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句