RN SectionList警告missing keys for items, make sure to specify a key property on each item

警告提示每一行 item需要提供一个 key属性,所以定义一个keyExtractor属性指定使用id作为列表每一项的key。

export default class SectionListBasics extends Component {
    _keyExtractor=(item,index)=>item.id;
    render() {
        return (
            <View style={styles.container}>
                <SectionList
                    sections={[
                        {title: 'D', data: ['Devin','Jackson', 'James', 'Jillian', 'Jimmy', 'Joel', 'John', 'Julie']},
                        {title: 'J', data: ['Jackson', 'James', 'Jillian', 'Jimmy', 'Joel', 'John', 'Julie']},
                    ]}
                    keyExtractor={this._keyExtractor}
                    renderItem={({item}) => <Text style={styles.item}>{item}</Text>}
                    renderSectionHeader={({section}) => <Text style={styles.sectionHeader}>{section.title}</Text>}
                />
            </View>
        );
    }
}

猜你喜欢

转载自blog.csdn.net/qq_23621841/article/details/80756838
今日推荐