Javascript 如何从按钮添加元素

如何从按钮中添加元素，

---

我想创建一个如图所示的项目，但我不知道如何从按钮添加元素，如何使用两个输入添加div，以及如何从开始保存start。

我相信您可以使用数组作为状态。每次您可以在阵列中推送视图时（在您的示例中，当用户单击plus时）

constsampleview=（）=>{
返回(
);
};
......
........
const[views，setViews]=React.useState（[]）；
常量附加项=（）=>{
常量arr=[…视图]；
arr.push（）；
setViews（arr）；
};

最后，可以渲染数组项

    <View style={styles.container}>
      {views.map((item, index) => {
        return (
          <View style={{ padding: 10}}>
            <Text>item : {index}</Text>
            {item}
          </View>
        );
      })}
      <Button onPress={addItems}>
        <Text>Add</Text>
      </Button>
    </View>

{views.map（（项目，索引）=>{
返回(
项目：{index}
{item}
);
})}
添加

这里有一个小吃链接，让你了解完整的想法

    <View style={styles.container}>
      {views.map((item, index) => {
        return (
          <View style={{ padding: 10}}>
            <Text>item : {index}</Text>
            {item}
          </View>
        );
      })}
      <Button onPress={addItems}>
        <Text>Add</Text>
      </Button>
    </View>