如果使用打字稿在reactjs中选中了复选框，则禁用下拉菜单

Question

我默认已禁用下拉菜单。仅当选中此复选框时，才应启用下拉菜单。请让我知道，什么是最好的方法？我使用reactjs应用程序并在打字稿中完成编码。

Answer 1

发布问题之前：

• 提供一些代码，
• 描述您面临的问题，
• 以及到目前为止您尝试过的，
• 以及预期的是什么。

---

这里是disable once checked的演示

const App = () => {
  const [checked, setChecked] = React.useState(false);
  const [status, setStatus] = React.useState(true);
  const onChangeHandler = () => {
    setChecked(!checked);
    setStatus(false);
  };
  return (
    <div className="App">
      <input
        type="checkbox"
        value={checked}
        disabled={!status}
        onChange={onChangeHandler}
      />
    </div>
  );
};
ReactDOM.render(<App />, document.getElementById("root"));

<div id="root"></div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.12.0/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.12.0/umd/react-dom.production.min.js"></script>