/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

1 vote418 views1 answer
React native metro api level 30
Javascript React
32 votes431 views6 answers
React copy array
Javascript React
0 vote391 views1 answer
Reactjs alert
Javascript React
0 vote387 views1 answer
When an aqueous solution of AgNO3 is mixed with an aqueous solution of (NH4)2CrO4, a precipitation reaction occurs. For this reaction, a) Write the molecular equation.
Javascript React
0 vote372 views6 answers
React slick
Javascript React
0 vote375 views1 answer
React router dom default params
Javascript React
7 votes416 views1 answer
React Native vs Flutter
Javascript React
1 vote427 views2 answers
React PropTypes.instanceOf
Javascript React
-1 vote403 views1 answer
Command not found:create-react-app
Javascript React
0 vote412 views1 answer
Reactnative print in ios
Javascript React