带有动态项目问题的React Hook表单控制器

Question

我正在尝试在react-native中实现依赖于react-hook-form的下拉组件。

所以：

<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}
/>

我了解到Controller可能正在尝试将其“ onChange”事件与顶级组件绑定，在这种情况下，该顶级组件只是一个包装器，有什么方法可以指定Controller“ onChange”事件应该绑定到子组件吗？ / p>