Así que estoy tratando de volver a representar una lista por valores filtrados. La lista ya está renderizada con todos los valores. Quiero renderizarlo de nuevo con un menú desplegable de opciones. Obtengo mis valores de un JSON localmente.

[ { "marca": "toyota", "modelo": "corona", "cilindros": 4, "caballos de fuerza": 96, "origen": "Japón", "precio": 40000 }, ... ]

 export const FilterBrand = (props) => { const brands = props.list .map((vehicle) => vehicle.brand) .filter((value, index, vehicle) => vehicle.indexOf(value) === index); const handleChange = (e) => { // console.log(e.target.value); }; return ( <select onChange={(e) => props.handleChange(e.target.value)}> {brands.map((vehicle, key) => ( <option key={key} value={key}> {vehicle} </option> ))} </select> ); }; here is my component <div className="filter-brand"> <FilterBrand list={list} handleChange={(value) => console.log(value)} /> </div here is my component imported in main app, JSON is also imported in main app and passed as props in my component. How can I render it again based on the options from the dropdown?