首页 > 解决方案 > 如何结合 FlatList 和 if?

问题描述

如果 data(dokuzuncu) 下的“单位”值等于条件,我想将其重定向到不同的页面。我想根据屏幕截图中的粗体文本将其重定向到不同的页面。你能帮我看看我的代码中的错误在哪里吗? 在此处输入图像描述

import data from './data/dokuzuncu'

export default class dokuz extends React.Component {
    renderContactsItems = ({item,index}) => {
        return(
            <View style={styles.list}>
                <TouchableOpacity
                onPress={() =>  {
                    if (data.unit === 'Madde ve Özellikleri') {
                        const pushAction = StackActions.push('tyt');
                        this.props.navigation.dispatch(pushAction);
                      }
                    else if (data.unit === 'Hareket ve Kuvvet') {
                        const pushAction = StackActions.push('tyt');
                        this.props.navigation.dispatch(pushAction);
                      }
                    else if (data.unit === 'Enerji') {
                        const pushAction = StackActions.push('tyt');
                        this.props.navigation.dispatch(pushAction);
                      }
                    else if (data.unit === 'Isı ve Sıcaklık') {
                        const pushAction = StackActions.push('tyt');
                        this.props.navigation.dispatch(pushAction);
                      }
                    else if (data.unit === 'Elektrostatik') {
                        const pushAction = StackActions.push('tyt');
                        this.props.navigation.dispatch(pushAction);
                      }
                  }}
                >
                    <Text style={{fontWeight:'bold',fontSize:25}}>{item.unit}</Text>
                    <Text style={{fontSize:25}}>{item._id}</Text>
                </TouchableOpacity>
            </View>
        )
    };

    render() {
        return (
            <SafeAreaView style={styles.container}>
                <FlatList
                keyExtractor={(item) => item._id}
                renderItem={this.renderContactsItems}
                data={data}
                />
            </SafeAreaView>
        )
    }
}

标签: javascriptreact-native

解决方案


如果(item.unit === ...)。项目.单位。不是data.unit。- 詹姆斯谢谢你。


推荐阅读