filter.js

mport React, { useEffect,useState } from 'react';
import { useDispatch, useSelector } from 'react-redux'
import axios from 'axios'
const Testing = () => {
  const [value,setValue] = useState('')
  const dispatch = useDispatch();
  const users = useSelector(state => state.userReducers.data);
  useEffect(() => {
    axios
      .get('https://jsonplaceholder.typicode.com/users/')
      .then(result => dispatch({ type: 'FETCH_DATA', payload: result.data }))
      .catch(error => { console.log(error) })
  }, [dispatch]);
  return (
    <div>
      <input onChange={(e) => setValue(e.target.value)} type="text" placeholder="search"/>
      {users.filter(x => x.name.includes(value)).map(user => <p key={user.id}>{user.name}</p>)}
    </div>
  )
};

export default Testing