前提・実現したいこと
react-nativeにおいて、同一コンポーネント内で二つのFlatListを描画して、
下記のように「仮名五十音順」と「頻出順」の異なるsortを行いたいと考えています。
しかし、下記のコードではそれぞれのソートでデータが表示されず、両方のリストともに後に記述した頻出順で表示されてしまいます。
this.state.allFriendsと同じ内容の別のstateを作ってsortすれば実現はできますが
わざわざ同じ内容の違うstateを作るのはスマートな解決法ではないと思っています。
なにかよい方法はありますでしょうか?
該当のソースコード
react
1<FlatList 2 data={this.state.allFriends.sort((a, b) => a.kana.localeCompare(b.kana))} 3 renderItem={({ item }) => 4 <View> 5 <Text >{item.sei} {item.mei}</Text> 6 </View> 7 } 8/> 9 10<FlatList 11 data={this.state.allFriends.sort((a, b) => b.number - a.number)} 12 renderItem={({ item }) => 13 <View> 14 <Text >{item.sei} {item.mei}</Text> 15 </View> 16 } 17/> 18
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/11/21 15:18