Reactの削除処理を書いて間違えた話

はじめに

• 業務ではテストコードは自分で書いて、実装はかなりAIで書いている

問題

• こんな感じかな？で書いて間違えた

  const deleteRecord = async  (id) => {
      const newRecords = records.map((record) => !record.id) // [true, false]
      setRecords(newRecords)
  }

  const deleteRecord = async  (id) => {
      const newRecords = records.map((record) => record.id !== id && record) // [{...}, false]
      setRecords(newRecords)
  }

解決

• 検索してfilter使えばいいと思い出した

  const deleteRecord = async  (id) => {
      const newRecords = records.filter((record) => record.id !== id)
      setRecords(newRecords)
  }

終わりに

• mapでfalsyな値を弾こうかなと検索して .Boolean() みたいな記事出てきたのが懐かしかった