从按钮单击 Reactjs 复选框检查答案

【问题标题】：Reactjs checkbox check from button click从按钮单击 Reactjs 复选框检查
【发布时间】：2021-06-20 23:38:45
【问题描述】：

    <input className="form-control"
                        type="text"
                                               
                      />
<input type="button" onClick={()=>clickHandle()}/>

当我单击按钮时，我想更改复选框的检查属性。但是在这方面，checked 属性或 defaultChecked 属性不起作用。我该怎么办？

【问题讨论】：

请为您的问题添加更多上下文（组件的基本结构）。另外，代码中没有复选框。

标签： reactjs

【解决方案1】：

据我了解，您希望在单击按钮时更改复选框的状态。

如果我理解正确，这可能就是你想要的。

export default function App() {
  const [chkValue, setChkValue] = useState(false);
  return (
    <div className="App">
      <input className="form-control" type="checkbox" checked={chkValue}/>
       <input type="button" value="click" onClick={()=>setChkValue(!chkValue)} />
    </div>
  );
}

【讨论】：

好吧，成功了。但它打破了表单控制

【解决方案2】：

您有一个类型文本输入和一个类型按钮输入。那里没有复选框。你需要一个类型复选框输入，然后尝试这个答案How to set default Checked in checkbox ReactJS?

编辑：

设置检查值的链接错误。该链接说明了如何设置默认值。 This code snippet 有一个动态设置复选框值的例子。

【讨论】：

不是defaultChecked属性，初始化值吗？
@FatihBaytar 你说得对，对不起。检查是正确的属性。 reactjs.org/docs/forms.html#handling-multiple-inputs此链接在代码中有一个带有复选框的示例以及如何正确设置它。
谢谢。我认为我的主要问题是动态生成的复选框。