排序在每个组件中进行排序

Question

我遇到了一个问题，当我进行反应时，它将对整个应用程序进行排序。

我有一个调用api的主要组件，然后将数据置于一种状态。然后将该状态传递到图形组件中。然后在图形组件页面上，将其与传递的道具进行排序。

它应该仅适用于那些道具上的那个组件，不是吗？

<Total_active_today data={this.state.dataset.sort(function(a,b){
     return parseInt(b.active_today)  - parseInt(a.active_today);
}).slice(0, 20)} />

Answer 1

Array sort方法使调用它的数组发生突变。在进行排序之前先进行浅表复制，然后您就可以了！

<Total_active_today data={[...this.state.dataset].sort(function(a,b){
     return parseInt(b.active_today)  - parseInt(a.active_today);
}).slice(0, 20)} />