0

Quisiera saber como puedo cambiar un tag de html de por ejemplo un <th></th> a un <td></td> por medio de los props del componente

1
  • Puedes pasar un elemento como propiedad y luego hacer un cloneElement: React.cloneElement(this.props.tag, { children, <otras props> }) Y lo usas así: <MyComponent tag={<td />}>...</MyComponent>.
    – gugadev
    Commented el 3 feb. 2020 a las 1:42

1 respuesta 1

0

La forma de cambiar de elementos en react suele hacerse a través de condiciones. Te dejo un link interesante que habla extensamente de varias posibilidades. https://www.robinwieruch.de/conditional-rendering-react#nested-conditional-rendering-in-react

Tambien te voy a poner un ejemplo en base a los elementos que propones en la pregunta.

Supongamos que tenemos el componente <Tabla /> que recibe una prop, tipoFila.

<Tabla tipoFila='tr' />

El componente tabla tendrá dentro del método render, donde corresponda mostrar un tipo u otro algo parecido a lo siguiente:

 ....
render() {
  return (
    <table>
      {this.props.tipoFila === 'tr' (
        ? <tr>....</tr>
        : <td>....</td>
      )}
    </table>
  )
}

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.