Tengo un componente que pasa accesorios a otro componente. Dentro del componente al que se han pasado los accesorios, declaro la nueva variable del conjunto de parámetros y obtengo el último elemento de la matriz de esta manera:
var lastItem = passedProp[passedProp - 1] || nullMi pregunta es cómo devuelvo esta propiedad a otro componente para usarla en un servicio global que estoy usando para ejecutar dentro de una función. Por lo que sé, los accesorios solo se pueden transmitir en React, no hacia arriba. Por favor, corríjame si estoy equivocado. El resultado final que quiero lograr es usar la identificación de esta propiedad en la función que estoy usando en el servicio global.
lea sobre levantar el estado... https://reactjs.org/tutorial/tutorial.html#lifting-state-up
Puede pasar una función al niño y el niño puede pasar la información a través de esta función.
Te dejo un ejemplo que puedes copiar y pegar para ver como funciona :)
import React from 'react'; function ChildComponent(props) { const { data, passElementFromChild } = props; const lastElement = data[data.length - 1] || null; setTimeout(() => { passElementFromChild('this string is what the parent is gonna get'); }, 300); return ( <div>Last element of the array is: {lastElement}</div> ); } function Question17() { const data = ['firstElement', 'middleElement', 'lastElement'] const passElementFromChild = (infoFromChild) => { console.log("infoFromChild: ", infoFromChild); } return ( <ChildComponent data={data} passElementFromChild={passElementFromChild} /> ); } export default Question17;