Tengo el problema cuando trato de pasar los accesorios a través del componente de la función. En el componente principal, tengo un estado de fila actual que devuelve una matriz con un objeto dentro, y lo paso al componente secundario. Devuelve un nuevo objeto con una matriz dentro. ¿Qué puedo hacer para evitarlo y recibir exactamente mi matriz currentRow?
hay un ejemplo de la forma en que lo hago Componente principal
import React, { useState } from "react"; import ToolBar from "./Toolbar"; function Manage() { const [currentRow, setCurrentRow] = useState(); console.log("from manage", currentRow); return ( <div> <ToolBar currentRow={currentRow} /> </div> ); } export default Manage;Componente hijo
import React from 'react' function ToolBar(currentRow) { console.log("from toolbar", currentRow); return( <div></div> ); } export default ToolBarY este es mi Registro ingrese la descripción de la imagen aquí
Intente acceder a él como a continuación:
import React from 'react' function ToolBar({currentRow}) { console.log("from toolbar", currentRow); return( <div></div> ); } export default ToolBarLos accesorios de un componente React siempre son un objeto. La razón de esto es que, de lo contrario, sería imposible acceder a las propiedades de un componente que recibió varias propiedades.
ejemplo:
<SomeComponent prop1={prop1} prop2={prop2} /> --- const SomeComponent = (props) => { console.log(props.prop1); console.log(props.prop2); } Entonces, para resolver su problema, podría desestructurar el objeto props en su componente ToolBar de esta manera:
const ToolBar = ({ currentRows }) => { ... }Solo tenga en cuenta que un componente siempre recibirá sus accesorios como un objeto. No hay forma de cambiar eso a partir de ahora.