Reactでリスト（配列）のFilter機能とSort機能を実装するReactである配列を元にリストを表示させることは多いかと思います。双方向データバインディングのAngularだと、このリストを簡単に絞り込んだりソートしたりすることができますが、Reactでリストを絞り込んだり、並べ替えたりする場合は、どうすればよいのかということを試してみました。自分なりの実装方法をまとめてみたのでご紹介します。 サンプルまずはサンプルをご確認ください。keyとvaluを持ったオブジェクトの配列を、入力フォームに入力したワードで絞り込んだり、さらにkeyとvalueを昇順、降順で並び変えたりすることができます。これをReactで実装しています。 maechabin/filter-by-reactjs: filter & sort by ReactJS – GitHubJavaScriptで配列の絞り込み機能を実装するまずはReactで絞り込み機能を実装する方法を説明する
