/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

3 votes146 views1 answer
React arrays
Javascript React
0 vote155 views1 answer
How to add alternate image in img tag in react
Javascript React
0 vote143 views1 answer
Making all makers to show in react native map
Javascript React
18 votes139 views6 answers
React native android build
Javascript React
0 vote117 views1 answer
'{ state: any; dispatch: React.Dispatch<{ type: string; payload: any; }>; }' is not assignable to type 'Store'
Javascript React
0 vote131 views6 answers
Replace all in react js
Javascript React
1 vote147 views3 answers
React native SafeAreaView
Javascript React
0 vote170 views1 answer
Declaring variable react hooks
Javascript React
0 vote132 views1 answer
React json object pretty
Javascript React
32 votes144 views6 answers
Font awesome react
Javascript React