Las soluciones proporcionadas al hacer mi investigación se basan en la clase React y no en la función React y solo soy un novato en React.
Desde el componente principal, llamo al componente secundario y paso los valores como 'datos'. En el componente secundario, estoy recuperando el valor usando accesorios.
ParentComponent.js
<ChildComponent data={1}/>ChildComponent.js
function ChildComponent(props) { const { data } = props.data; ... }Lo anterior me da el siguiente mensaje de error:
src\components\ChildComponent\ChildComponent.js Línea 5:11: falta 'data.data' en la validación de accesorios react/prop-types Línea 5:29: falta 'data' en la validación de accesorios react/prop-types
Busque las palabras clave para obtener más información sobre cada error.
props está recopilando todos los atributos que pasa a ChildComponent
Tus datos deberían ser así.
function ChildComponent(props) { const { data } = props; //object destructuring ... }O así
function ChildComponent(props) { const data = props.data //access data directly and assign a new variable ... }@Denno y @Nick Vu son correctos, pero es posible que deba agregar algo más a su componente secundario justo antes de la exportación.
ChildComponent.propTypes = { data: PropTypes.object };y agregar importar
import PropTypes from "prop-types";y cambia esto
function ChildComponent(props) { const { data } = props.data; ... }a
function ChildComponent(props) { const data = props.data; ... }deberías aprender algo sobre ES6 (Asignación de desestructuración), si quieres saber este significado sobre const { data } = props.data
o simplemente cambie el código a este
function ChildComponent(props) { const data = props.data }