FlatList 中的TextInput如何保存数据

来源:3-4 高性能列表组件FlatList、VirtualizedList精讲-4

yqyily

2019-01-21

老师,在FlatList中遍历TextInput时,如何保存每个TextInput的值呢?

<FlatList
    data={this.state.taskItemList}
    renderItem={({item}) => this.renderItem(item)}
    keyExtractor={(item, index) => index.toString()}
/>

renderItem(data){
	return(
		<View>
		<TextInput
             style={CommonStyle.inputContent}
             placeholder={'请输入数据'}
             onChangeText={(text)=>{this.setState({dataInputValue:text})}}
             value={this.state.dataInputValue}
             keyboardType={"numeric"}
         />
		</View>
	)
}

其中,数组是从接口中获取到的,然后想在每个数组中加入输入的数据,现在的问题是,不知道如何保存这种多个动态的数据?

写回答

1回答

CrazyCodeBoy

2019-01-22

说一下思路哈:获取到每一个item在数据中的位置,然后这个item的输入框的内容发生变化时,根据这个位置找到数据中的这个元素然后修改数据即可哈。

0
1
yqyily
这样的话,如果value属性的值也是从接口里取到的,发现输入框中的值无法更改了
2019-01-22
共1条回复

React Native技术精讲与高质量上线App开发

一个真实的上线项目,一次完整的开发过程,全面掌握React Native技术

1577 学习 · 727 问题

查看课程