问题描述
const [formSectionData,setFormSectionData] = useState([
{id: 1,text: ''},{id: 2,]);
const addSection = section => {
let existingForm = [...formSectionData];
existingForm.push(section);
setFormSectionData(existingForm);
};
const onTextChange = (text,index) => {
let existingForm = [...formSectionData];
existingForm[index].text = text;
setFormSectionData(existingForm);
};
return (
<SafeAreaView>
{formSectionData.map((item,index) => {
return (
<View style={{padding: 15}} key={index}>
<TouchableOpacity onPress={() => addSection(item)}>
<Text>+ Add Section</Text>
</TouchableOpacity>
<TextInput
key={index}
placeholder={'Enter value' + index}
value={item.text}
onChangeText={text => onTextChange(text,index)}
/>
</View>
);
})}
</SafeAreaView>);
我正在尝试使用 addsection 创建一个新的输入字段,但是现在当我在输入字段中输入一个值时,相同的值将出现在应用程序的原始输入字段中,如何从现有的 json Code sample
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)