Actualmente estoy trabajando en un proyecto divertido y quiero saber cómo hacer algo que me ha dejado perplejo un poco.
Básicamente, estoy usando Axios para obtener mis datos y luego renderizarlos en una función .map, luego tengo una función de clic para mostrar solo los datos que corresponden a la ID, por ejemplo, la ID 1 tiene algunos valores que quiero mostrar en otra componente. ¿Cómo puedo hacer eso?
Si ve mi caja de arena y hace clic en una de las identificaciones y ve la consola / código, aquí es donde estoy atascado.
Salud,
dave :)
Para filtrar los datos, puede usar algo como:
const [filteredData, setFilteredData] = useState([]);//al hacer clic
setFilteredData(data.filter(element => element.id === id));//retorno jsx
filteredData.map(filteredElement => { //loop through elements and display data desired })Aunque no soy un React Master, onClick no devuelve JSX o TSX .
ie , dónde se representaría el valor devuelto, en la mayoría de los casos, se usa como una función nula with no return value