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

Question

Hi i am using reactjs searchkit component in my project. As a requirement, I need to list the filter menu order by alphabetical order

In the below picture, I need to order Actors list in alphabetical order, how can i do this?

Can anybody know how to do this?

Answer 1

I have written the following code based on the assumption that that your RefinementFilterComponent is a stateless functional component.

Here is a link to dev docs related to lists and mapping. 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>
  )