Soy nuevo en reaccionar. Estaba trabajando en un proyecto simple, ya que mi código está a continuación. Acabo de notar cómo imprimir el valor de listItem = {personas}, ya que se pasa como accesorios en mi componente de lista, es decir, <List listItem = {personas}, así que puedo entenderlo mejor que lo que obtengo en listItem aquí, probé {console.log(listItem)} pero dice indefinido
*react* function App() { const [people, setPeople] = useState(data); return ( <div className="container"> <h3>{people.length} birthdays today</h3> <List listItem={people} /> <button onClick={() => setPeople([])}>Clear All</button> </div> ); } export default App;Todos los parámetros que agregues a un componente, en la función de componente se enviarán como un objeto que tiene como clave el nombre del parámetro que elijas y el valor que le establezcas.
En el caso a continuación, estoy desestructurando el objeto que el Componente de lista obtiene como parámetro.
function List({ listItem }) { console.log(listItem) return <div>List Component</div> }Aquí puede encontrar más información sobre la desestructuración.