React-Native如何动态更新平面列表更新项目?

时间:2018-07-25 23:05:51

标签: javascript react-native

我想根据“地址”更新列表并附加更多内容 代码。

我想更新已经填充了新的传入数据的现有Flist

答案:我现在知道了。我需要使用状态更改来更新列表,并且FlatList每次更新时都会将列表渲染为新列表,因此数据将始终保持更新。

喜欢:

  

if(address =='xyz')   {code = code + newCode; }

<FlatList

    extraData={this.state}
    data={this.state.TESTDATA}
    keyExtractor={(item, index) => item.Code.toString()}
    renderItem={({ item}) => (
        <TouchableOpacity
            onPress={() => console.log('pressed TouchableOpacity')}
            style={{
                height: 75,
            }}
        >
            <View style={styles.listItem}>

                <Text style={styles.baseText}>
                    Stop Address: {item.Address}{'\n'}
                    codes:    {item.Code}
            </Text>
            </View>
        </TouchableOpacity>
    )}
  />

0 个答案:

没有答案