Блог

Главная - Вопросы по программированию - onChange не работает в пользовательском переключателе ввода reactstrap

onChange не работает в пользовательском переключателе ввода reactstrap

#javascript #reactjs #reactstrap

Вопрос:

Код:

 import { CustomInput } from 'reactstrap'
...
const changeMediaStatus = (e) => {
   console.log(e)
}
...
<CustomInput
   type="switch"
   className="ml-auto mr-1"
   onChange={(e) =>changeMediaStatus(e)}
/>

В приведенном выше коде функция, назначенная в реквизите «onChange», не работает. А также компонент CustomInput с поддержкой onChange не работает.

Как я могу назначить функцию событию onChange в компоненте reactstrap CustomInput?

Комментарии:

1. onChange работает здесь — codesandbox.io/s/awesome-kare-puf0q?file=/src/App.js

2. Спасибо за ваш комментарий, но в вашей песочнице пользовательский ввод рассматривается как обычный флажок.

3. набор id для пользовательского ввода

4. Замечательно, это хорошо работает. большое тебе спасибо, Сарун. 🙂

Ответ №1:

Предоставьте id пользовательский ввод.

 <CustomInput
      type="switch"
      id="id-1"
      className="ml-auto mr-1"
      onChange={(e) => changeMediaStatus(e)}
    />

https://stackblitz.com/edit/reactstrap-1ttkao?file=Example.js

Метки: