反应本机多个选择器

Question

如何在React Native中构建此功能？当用户单击“添加语言”时，将添加一个组件，并且他可以选择一种语言。 结果在状态变量中输入ID [language_id_1，language_id_2]

Answer 1

每次单击添加语言时，您都可以将一个带有选择器array.push({selector:<selector></selector>, id : null})的数组放入数组中。在渲染中，仅遍历数组，并写入选择器array[i].selector。然后进行语言更改，并将选择器的ID设置为语言onChange={(language)=>{array[i].id = language}}

的ID

Answer 2

请为我们添加一些代码，以在实际解决方案方面提供更多帮助，但通常，使用react-native，您可以使用所有react状态电源。只是做类似的事情-

---

 const [ lang, setLang ] = useState([]) //for initial 

 setLang([...lang, [`lang_id_${lang.length + 1}`] : event.target.value]) //for adding lang, assuming it comes ass event.target.value

---

然后循环创建视图

---

 return (
     <>
      { lang.map( lan => <View> { lan } </View> )}
     </>
    )

---