Hola desarrolladores, solo soy un principiante en React.js. Traté de imprimir accesorios pasándolos de padres a hijos.
Este es el archivo app.js
import React from "react"; import Hooks from "./components/ReactHooks1"; import Hooks2 from "./components/ReactHooks2"; const App = () => { return ( <div> <h1> Welcome to React App </h1> <Hooks2 title2={"Welcome"}/> </div> ) } export default AppEste es un archivo de componente secundario
import React from 'react'; const Hooks2 = (props) => { console.log(props); } export default Hooks2;Solo trato de imprimir accesorios pero muestra un objeto vacío. que estoy haciendo mal ayudenme con esto
Debe devolver algo o nulo al componente principal del elemento secundario, cuando lo esté usando en el componente principal. Esto resolverá tu problema
export const Hooks2 = (props) => { console.log(props); return <></>; }@Rasith
No estoy seguro de por qué querría hacer esto, pero si está tratando de pasar un componente secundario que imprimiría algo en la consola. En este caso, debe desestructurar los accesorios del componente . Aquí hay un artículo sobre esto de MDN.
Así es como lo haría:
const CustomComponent = ({title}) => { console.log(title) } const App = () => { return ( <> <h1>Hello World</h1> <CustomComponent title={"Welcome"}/> </> ); };Para que el título se imprima en la consola, no es necesario agregar una declaración de devolución al componente secundario. Nuevamente, no estoy seguro de por qué harías esto, pero ahí lo tienes.
Bueno, tratar de console.log title ciertamente no funcionaría porque lo que está pasando se llama title2. Además, su componente secundario no devuelve nada.