如何更改静态数据，以响应应用内部表单提交的JSON数据

Question

这是我一生中第一次在stackoverflow上发帖，所以请不要烘烤我。在下面的图像中，我将静态数据放入数组中，我想要做的是在另一页上有一个表单，人们可以在其中添加事件，一旦按下提交，该页上就会弹出另一个事件（框）。表格数据。

是的，我知道我会说得更好，但这是我第一次来，轻松点

我尝试研究CRUD格式，做一个待办事项列表，在其中输入文本，然后将其添加到列表中，但我很难将其转移到已有的UI中。代码中的平面列表中的数据采用destinations数组。我需要数据不是取静态值而是来自输入表单。

renderDestinations = () => {
    return (
      <View style={[ styles.column, styles.destinations ]}>
        <FlatList
          horizontal
          pagingEnabled
          scrollEnabled
          showsHorizontalScrollIndicator={false}
          decelerationRate={0}
          scrollEventThrottle={16}
          snapToAlignment="center"
          style={{ overflow:'visible' }}
          data={this.props.destinations}
          keyExtractor={(item, index) => `${item.id}`}
          onScroll={Animated.event([{ nativeEvent: { contentOffset: { x: this.scrollX }} }])}
          renderItem={({ item }) => this.renderDestination(item)}
        />
        {this.renderDots()}
      </View>
    );
  }

Answer 1

根据docs，您可以使用状态来保留数据数组，如下所示：

state = {
   data: [{title: 'Picnic', location: 'Sweden'},{title: 'Drinks', location: 'Sweden'}]
}

<FlatList data={this.state.data} /> // ... And rest of your props