/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 vote212 views1 answer
React native andri]oid ReferenceError: Can't find variable: Intl
Javascript React
29 votes214 views6 answers
If react
Javascript React
0 vote243 views1 answer
Declaring variable react hooks
Javascript React
11 votes200 views3 answers
React Hook "useState" is called in function "cardState" which is neither a React function component or a custom React Hook function
Javascript React
0 vote198 views1 answer
React-simple-star-rating
Javascript React
98 votes238 views2 answers
Add bootstrap to react,.........,,,,
Javascript React
0 vote229 views1 answer
React content loader
Javascript React
0 vote207 views1 answer
Close button react
Javascript React
0 vote198 views4 answers
React native biometrics sign in
Javascript React
2 votes209 views2 answers
React aws s3 npm
Javascript React