reactjs - 无法呈现已排序的数据-ReactJSr

Question

我目前正在研究过滤和排序。

无法呈现已排序的数据

任何人都可以建议如何解决这个问题

这是我的以下代码。

排序功能

sortByOrder(e) {
const storeSelectedSortData = e.target.value;
if (storeSelectedSortData === 'ASC') {
  this.setState({ searchResult:
  this.state.searchResult.sort((a, b) => compareStrings(a.boardTitle, b.boardTitle)) });
}
else if (storeSelectedSortData === 'DESC') {
  this.setState({ searchResult:
    this.state.searchResult.sort((a, b) => compareStrings(b.boardTitle, a.boardTitle)) });
}

}

渲染板功能

renderBoards = (boardsList) => {
if (boardsList.length) {
  return boardsList.map(board => (
    <li key={board.boardId}>
      <h5>{board.boardTitle}</h5>
    </li>
  ));
}
};

标签： reactjs

Answer 1

this.state.searchResult = (this.props.storyboardList || []).filter(...

这是不正确的，您需要使用 SetState 更新您的状态，并且不要尝试在渲染中使用 SetState