Question

我想在地图功能中使用if语句。这是我正在使用的代码：

_collapsible() {
    return (
        <View style={styles.section}>
            <View style={CssHelper['flexRowCentered']}>
                { data['items'].map((item, index) =>
                    <FilterButton key={index} status={STATUS_DEFAULT_FILTER_BUTTON} style={styles.brandContainer}>
                        <ImageBackground style={styles.brand} source={item.source} resizeMode="contain"/>
                    </FilterButton>

                    //((index + 1) % 3 === 0) && <View style={CssHelper['verticalDivider']}></View>
                )}
            </View>
        </View>
    );
}

Answer 1

您的代码几乎是正确的，唯一的情况是您在条件检查之前错过了一个双括号，还请尝试在map函数内添加包装器以容纳所有内容，我为相同的情况添加了示例代码在带有flex：1的地图中包含包装器内容

{ this.state.items.map((item, index) =>
    <View  style={{flex:1}} key={index}>
        <Text>{item.title}</Text>
        {  
        ((index + 1) % 3 === 0) && 
        <View style={{}}><Text>Third Row</Text></View> 
        } 
    </View>
)}

Answer 2

使用三元条件

WHERE Date_Format(startDate, '%y-%m-%d') = Date_Format(NOW(), '%y-%m-%d')
OR Date_Format(startDate, '%y-%m-%d') = Date_Format(NOW(), '%y-%m-%d')

如何在地图函数（React Native）中使用if语句？

2 个答案: