Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/427.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 反应控制复选框输入。使用「;“价值”;或;勾选“;财产?_Javascript_Html_Reactjs_Input_React Hooks - Fatal编程技术网

Javascript 反应控制复选框输入。使用「;“价值”;或;勾选“;财产?

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(“根”)) 输入{ 变换:比例

请参见下面的代码段:

当使用React控制复选框输入时,使用
已选中
属性有什么区别

我应该用哪一个

函数应用程序(){
常量[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