Есть кастомный селект сделанный на реакте(рабочий пример) в коде подключается так:
<Select items={elements} />
, где elements
- массив объектов значений.
По сути все работает как надо, но есть одно "но" как мне передавать и вызывать функцию которая будет забирать значение из этого селекта ?
например: <Select items={elements} onChange={myAwesomeChangeFunction} />
прокинуть функцию в компонент, с этим нет проблем, а вот как ее там обработать...
Мне просто не очень понятно как это делается в таких библиотеках как ant design Хочется понять как делаются такие кастомные компоненты?
update нужного функционала добился с использование хука useRef()
обновленный рабочий пример
ps: только недавно начал учить реакт :)
onChange
что непонятно то?<input className="Select__value-input" readOnly onChange={() => { props.getValue(currentValue); }} autoComplete="off" value={currentValue.value} />
то в функцииconst getValue = (value) => { console.log(value); return value; };
ничего не выводится