今天要實(shí)現(xiàn)一個(gè)和tabNavigator 類似功能的選擇框問題
下面是碰到一段代碼：
{this.state.selectedTab === selectTabData[0] ?
<ScrollView>
<ArticleListComp
contents={this.props.chosen}
loadData={(value) => {
this.props.loadChosen(value);
}}
navigator={this.props.navigator}
/>
</ScrollView>
:
<ScrollView>
<ArticleListComp
contents={this.props.realTime}
loadData={(value) => {
this.props.loadRealTime(value);
}}
navigator={this.props.navigator}
/>
</ScrollView>
}
然后發(fā)現(xiàn)一個(gè)問題，就是兩個(gè)相似的控件每次只會(huì)渲染第一個(gè)，第二個(gè)根本不會(huì)去渲染
問題就是兩個(gè)控件伦腐，React渲染的時(shí)候偷懶了，以為是一個(gè)遏考，就沒有渲染第二個(gè)捂人，所以每個(gè)控件加上相應(yīng)的key即可
