• Empleos
  • Sobre nosotros
  • profesionales
    • Inicio
    • Empleos
    • Cursos y retos
  • empresas
    • Inicio
    • Publicar vacante
    • Nuestro proceso
    • Precios
    • Evaluaciones
    • Nómina
    • Blog
    • Comercial
    • Calculadora de salario

0

234
Vistas
Reaccionar: ¿Cómo reemplazar una etiqueta JSX dentro de un componente de función?

Estoy tratando de modificar un componente secundario existente dentro de un componente de función.

Digamos que este es el componente de función de Table original que me gustaría representar en mi propio componente de función de tabla CustomizedTable . Dado que el componente de la función Table está bellamente diseñado, no quiero modificar toda la función o estructura. Lo que espero lograr es personalizar y reemplazar el componente del Body existente

 const Table = (props) => { return ( <Context props={props}> <Container className={props.className} style={props.style}> <Header /> <Body ColumnComponents={ColumnData} RowComponents={RowData} /> <Footer /> </Container> </Context> ); });

¿Cómo encuentro y reemplazo el componente <Body/> con <CustomizedBody> que está anidado dentro del componente de la función Table ? ¿Hay alguna forma de modificarlo sin tocar el <Body> existente?

 import { Table } from './Table'; const CustomizedBody = (props) => { return ( <Body> // Body Add Ons </Body> )} export const CustomizedTable = (props) => { return ( <Table Body={<CustomizedBody>}> </Table> )}
about 3 years ago · Juan Pablo Isaza
1 Respuestas
Responde la pregunta

0

A medida que lo pasa como props , puede usarlo como props.children en el componente principal.

React recomienda usar el patrón de composición sobre la herencia. Puedes leer más aquí

about 3 years ago · Juan Pablo Isaza Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Nuestro proceso Comercial
Legal
Términos y condiciones Política de privacidad
© 2025 PeakU Inc. All Rights Reserved.

Andres GPT

Recomiéndame algunas ofertas
Necesito ayuda