Change array List on dropdown change in React

by Rajdeep Chandra

HTML

<div>
  <select onChange={onChange()}>
      <option value="" disabled selected>Select your option</option>

    <option value="Hindi">
      Hindi
    </option>
     <option value="English">
      English
    </option>
  </select>
  <div>
  <ul>
   {array.map((item) => {
    return (
    <li>
      {item.name}
    </li>)
  </ul>
   
    })}
  
  </div>
</div>

React

const [array, setArray] = useState([
{
 name: "Hindi1",
 value:"Hindi1"
},
{
 name: "English1",
 value:"English1"
},
{
 name: "Hindi4",
 value:"Hindi4"
},
{
 name: "Hindi2",
 value:"Hindi2"
},
{
 name: "English2",
 value:"English2"
},
{
 name: "Hindi3",
 value:"Hindi3"
}
]);

const onChange = (event) => {
	
}