反应原生动态平面列表设置条件

时间:2018-06-03 01:58:34

标签: javascript reactjs conditional-statements native

我想渲染一个平面列表,并且根据项目有一些条件,比如按钮样式。但是,它不适用于这样的按钮样式。我该如何解决呢?谢谢你的耐心。这真让我烦恼。

 this.state = {
          data: [
            {
              Type: 'Finished',
            },
          ],
        };
      <FlatList
            data={this.state.data}
            // extraData={this.state}
            keyExtractor={this._keyExtractor}
            renderItem={({ item, index }) =>
             <Button
             style={ ***{item.type} === 'Finished' ? styles.sth : styles.sthElse*** }>
            }
       />

2 个答案:

答案 0 :(得分:0)

我认为这一行:

style={ ***{item.type} === 'Finished' ? styles.sth : styles.sthElse*** }

应该是这样的:

style={ item.type === 'Finished' ? styles.sth : styles.sthElse }

答案 1 :(得分:0)

在你所在州,你有Type: 'Finished',但在你的三元中,你会找item.type。最好仔细检查区分大小写的字符。