Question

我正在渲染一个显示数组的组件，并且希望它们按最后一个条目排序。

我试图在renderBy之外执行一个功能，并将其包含在组件中，但未正确安装。

0.6384582336141522
{'colsample_bytree': 0.8, 'gamma': 0.1, 'learning_rate': 0.2, 'max_depth': 4, 'min_child_weight': 3, 'n_estimators': 120, 'subsample': 0.9}

我希望按data.data.published_on对Table组件进行加载排序。

在React中做到这一点的正确方法是什么？

Answer 1

1）您不会从该函数返回任何内容。

2）由于您正在使用类组件，因此需要使用this.orderBy

对其进行调用

3）与其从状态中抓取data，而是将其传递给函数：

orderBy(data) {
  return data.sort((a, b) => a.published_on - b.published_on);
}

render() {
  const { loading, data } = this.state;

  return (
    <div className="list">
      <Table rowKey="ref" loading={loading} dataSource={this.orderBy(data.data)} size="large" />
    </div>
  );
}

我如何在React中订购组件

1 个答案: