创建动态表单，其值在所有复制字段中发生变化

如何解决创建动态表单，其值在所有复制字段中发生变化

  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