Javascript 反应控制复选框输入。使用「;“价值”;或;勾选“;财产?
请参见下面的代码段: 当使用React控制复选框输入时,使用Javascript 反应控制复选框输入。使用「;“价值”;或;勾选“;财产?,javascript,html,reactjs,input,react-hooks,Javascript,Html,Reactjs,Input,React Hooks,请参见下面的代码段: 当使用React控制复选框输入时,使用值或已选中属性有什么区别 我应该用哪一个 函数应用程序(){ 常量[inputState,setInputState]=React.useState(false); 函数onChange(事件){ const inputValue=event.target.checked; 设置输入状态(输入值); } 返回( 使用价值 使用支票 ); } render(,document.getElementById(“根”)) 输入{ 变换:比例
值
或已选中
属性有什么区别
我应该用哪一个
函数应用程序(){
常量[inputState,setInputState]=React.useState(false);
函数onChange(事件){
const inputValue=event.target.checked;
设置输入状态(输入值);
}
返回(
使用价值
使用支票
);
}
render(,document.getElementById(“根”))代码>
输入{
变换:比例(1.5)translateX(10px);
}
div{
利润率:16px;
}
正式地说,如果您使用的是类型为checkbox
的输入
元素,则应该使用checked
属性。这是官方声明。从那里,在应用程序
组件上,您可以通过将状态设置为true
或false
来切换复选框状态
也就是说,使用值
道具/属性也可以。然而,就我个人而言,我建议不要这样做,即使这样做可能有效 复选框上的值和选中的属性之间存在细微差异
检查布尔值如果存在该复选框,则默认情况下会打开该复选框
值提交表单时用作复选框值的字符串(如果复选框当前处于启用状态)
“已选中”属性用于指定是否选中复选框,而“值”用于指定选中复选框时使用的值
选中复选框时的默认值为启用
基于此值的复选框不受控制,因为切换状态(例如,使用另一个复选框)不会影响其状态。如果不清楚您将如何使用这些复选框,您将得到模糊的意见,我需要控制它的状态并从中读取
true
或false
。