如何按字母顺序排列过滤器菜单

Question

嗨，我在我的项目中使用reactjs searchkit组件。 根据需要，我需要按字母顺序列出过滤器菜单的顺序

在下图中，我需要按字母顺序对演员列表进行排序，我该怎么做？

有人知道怎么做吗？

Answer 1

我基于您的RefinementFilterComponent是无状态功能组件的假设编写了以下代码。

这是与列表和映射有关的开发文档的链接。 https://facebook.github.io/react/docs/lists-and-keys.html

const sortActors = props.title.sort((a, b) => {
  const [aFirst, aLast] = a.split(' ');
  const [bFirst, bLast] = b.split(' ');
    return aLast > bLast ? 1 : -1;
})

const renderActors = sortActors
  .map(actor => 
    <li key={actor.toString()}>
      {actor}
    </li>
  )