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

Код:

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?


reactjs javascript reactstrap
person ComMa915    schedule 15.06.2021    source источник
comment
onChange здесь работает - codeandbox.io/s/awesome- kare-puf0q? file = / src / App.js.   -  person Sarun UK    schedule 15.06.2021
comment
Спасибо за ваш комментарий, но в вашей песочнице CustomInput рассматривается как обычный флажок.   -  person ComMa915    schedule 15.06.2021
comment
установить id для пользовательского ввода   -  person Sarun UK    schedule 15.06.2021
comment
Замечательно, работает хорошо. большое спасибо, Сарун. :)   -  person ComMa915    schedule 15.06.2021

Ответы (1)


arrow_upward
0
arrow_downward

Укажите id для CustomInput.

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

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

person Sarun UK    schedule 15.06.2021