反应本机动态平面列表设置条件

Question

我想渲染一个平面列表，并且有一些基于项目的条件，比如按钮样式。但是，它不适用于这样的按钮样式。我该如何解决。谢谢你的耐心。真的很困扰我。

 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*** }>
            }
       />

Answer 1

我认为这一行：

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

应该是这样的：

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

Answer 2

在你的状态下你有 Type: 'Finished' 但在你的三元中你寻找 item.type。最好仔细检查区分大小写的字符。

反应本机动态平面列表设置条件

react native dynamic flatlist set condition

javascript

reactjs

conditional-statements

native