/Javascript/React/Filter based on input typing react

Filter based on input typing react

const List = ({ data }) => {
  const [value, setValue] = useState('')

  return (
    <div>
      <input 
        type="text"
        value={value} 
        onChange={e => setValue(e.target.value)} 
      />

      {data
        .filter(item => {
          if (!value) return true
          if (item.title.includes(value) || item.text.includes(value)) {
            return true
          }
        })
        .map(item => (
          <div>
            <h1>{item.title}</h1>
            <p>{item.text}</p>
          </div>
        ))
      }
    </div>
  )
}

Source: stackoverflow.com

Similar codes

0 vote146 views1 answer
Icomoon react native
Javascript React
1 vote187 views1 answer
React form reload page
Javascript React
1 vote144 views1 answer
Column width table react
Javascript React
19 votes154 views3 answers
React Hooks append state
Javascript React
0 vote147 views2 answers
Onclick toggle class react
Javascript React
0 vote135 views1 answer
Border radius not working ios react native
Javascript React
15 votes140 views2 answers
Expo react navigation
Javascript React
157 votes326 views6 answers
Create new react app
Javascript React
0 vote135 views2 answers
Change iphone return in keyboard to search in react native
Javascript React
1 vote146 views2 answers
Switch in react
Javascript React