Отключить раскрывающийся список, если флажок установлен в reactjs с использованием машинописи - PullRequest
Новая
       40

Отключить раскрывающийся список, если флажок установлен в reactjs с использованием машинописи

0 голосов
/ 01 апреля 2020

Я отключил раскрывающийся список по умолчанию. Раскрывающийся список должен быть включен только тогда, когда флажок установлен. Пожалуйста, дайте мне знать, что является лучшим подходом для этого. Я использую reactjs приложение и кодирование в машинописи.

1 Ответ

1 голос
/ 01 апреля 2020

Перед публикацией вопроса:

  • укажите код,
  • опишите, с какой проблемой вы столкнулись,
  • и что вы уже пробовали,
  • и что ожидается.

Вот демоверсия для 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>
...