2017-02-21 11 views
0

こんにちは私は自分のプロジェクトでreactjs searchkitコンポーネントを使用しています。必要条件として、フィルタメニューのアルファベット順を一覧表示する必要がありますフィルタメニューをアルファベット順に並べるにはどうすればいいですか

下の画像では、私はアクターリストをアルファベット順に並べ替える必要があります。どうすればいいですか?

enter image description here

誰もがこれを行う方法を知っていることはできますか?

+0

Searchkitドキュメントは(https://ssetem.gitbooks.io/searchkit/docs/components/sorting/sort.html)[ "ソート" と題するセクション全体]を有します。 –

答えて

0

RefinementFilterComponentがステートレス機能コンポーネントであるという前提に基づいて、以下のコードを記述しました。

ここでは、リストとマッピングに関連するdevドキュメントへのリンクです。 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> 
) 
関連する問題