Я пытаюсь реализовать выпадающий компонент в response-native, который полагается на форму response-hook.
Итак:
<Controller
as={
<TouchableOpacity>
<Text>1234</Text>
</TouchableOpacity>
}
onChangeName={'onPress'}
onChange={(item) => console.log('clicked!')}
control={control}
name={name}
/>
Работает по назначению
Но в случае нескольких элементов это не работает:
<Controller
as={
<>
{options.map((item) => {
<TouchableOpacity>
<Text>{item.text}</Text>
</TouchableOpacity>
})}
</>
onChangeName={'onPress'}
onChange={(item) => console.log('clicked!')}
control={control}
name={name}
/>
Я понимаю, что, вероятно, Контроллер пытается связать свое событие «onChange» с верхним компонентом, который в данном случае является просто оболочкой, есть ли способ указать этот Контроллер » onChange "событие должно быть привязано к дочерним компонентам?