2017-02-21 71 views
0

您好我正在使用reactjs searchkit組件在我的項目中。作爲一項要求,我需要按字母順序列出過濾器菜單順序如何按字母順序排列過濾器菜單

在下圖中,我需要按字母順序排列Actors列表,我該怎麼做?

enter image description here

任何人都可以知道如何做到這一點?

+0

的Searchkit文檔具有[題爲整個部分 「排序」](https://ssetem.gitbooks.io/searchkit/docs/components/sorting/sort.html)。 –

回答

0

我已經寫了下面的代碼,基於你的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> 
)