反应本机动态平面列表设置条件
react native dynamic flatlist set condition
我想渲染一个平面列表,并且有一些基于项目的条件,比如按钮样式。但是,它不适用于这样的按钮样式。我该如何解决。谢谢你的耐心。真的很困扰我。
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*** }>
}
/>
我认为这一行:
style={ ***{item.type} === 'Finished' ? styles.sth : styles.sthElse*** }
应该是这样的:
style={ item.type === 'Finished' ? styles.sth : styles.sthElse }
在你的状态下你有 Type: 'Finished'
但在你的三元中你寻找 item.type
。最好仔细检查区分大小写的字符。
我想渲染一个平面列表,并且有一些基于项目的条件,比如按钮样式。但是,它不适用于这样的按钮样式。我该如何解决。谢谢你的耐心。真的很困扰我。
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*** }>
}
/>
我认为这一行:
style={ ***{item.type} === 'Finished' ? styles.sth : styles.sthElse*** }
应该是这样的:
style={ item.type === 'Finished' ? styles.sth : styles.sthElse }
在你的状态下你有 Type: 'Finished'
但在你的三元中你寻找 item.type
。最好仔细检查区分大小写的字符。