category機能の作成

947 ワード


整列配列内の各要素を含むfilter呼び出し関数を一時停止します.
戻り値trueの要素のみを返すリストを返します.
上記の図の例では、return d=1でtrueの要素が1つしかないため、関数はdにそれぞれ1、2、3、4を含む.

実際に適用すると、まずカテゴリTouchableOptityのonPress、category関数の各カテゴリ名の変数?関数を呼び出しますか?存在し、それを基準に濾過すればよい.
最初の画像ではconst category=(cate)=>{
これは矢印関数でcategory(cate)と見なすことができます.
cateに対応する「フルビュー」の場合、setCateState(state)でフルビューが送信されます.
フルビューでない場合はelseをすべて適用
   }else{
      setCateState(state.filter((d)=>{
      // 이 부분은 state 즉 tip 데이터에 filter를 적용한다는 의미이고 
      //d(dictionary)라는 건 배열의 요소를 하나씩 담아서 함수를 호출한다는 것
      return d.category == cate
            }))
最終的に、dによってインポートされたデータのうち、d.categoryがキー値=cateがtrueである場合、tipデータの各ディックユニットに対応する「category」が返される.