espero me puedan ayudar. estoy realizando mi primera aplicacion node+react y estoy tratando de dejar todo lo mejor sesionado posible.
Aqui cargo los datos en mi tabla. (no pongo codigo completo por que sale que debo poner mas contenido xd pero la tabla si carga xd)
export default class tableMessages extends Component {
state = {
messages: [],
};
render() {
return ( <div>
<ModalShowMessages compartirFuncionShow={this.mostrarModal} />
{this.state.messages.map((message) => {
return (
<tbody key={message.id}>
<tr>
<td className="hidden">{message.id}</td>
<td>{message.message}</td>
<td><button onClick={() => this.childShowModal()}> </button> </td>
</tr>
</tbody>
);
})}
</div>
);
}
}
```
y este es mi modal al que quiero cargarlo con los datos, el mensaje dependiendo del id oculto.
export default class modalShowMessages extends Component {
state = {
show: false,
};
render() {
return (
<div>
{this.state.show && (
<div>
<div onClick={() => this.show()}>
<div>
{/*content*/}
<div>
{/*header*/}
<div>
<h3>MENSAJE DE: Title</h3>
<button onClick={() => this.show()}> <span> × </span> </button>
</div>
{/*body*/}
<div><p>{mensaje aqui}</p></div>
{/*footer*/}
<div>
<button type="button" onClick={() => this.show()}> Cerrar </button>
</div>
</div>
</div>
</div>
</div>
)}
</div>
);
}
}
```
la pregunta es ¿como se hace? como cargo el componente modal con los datos de la tabla? dependiendo del id obvio es un mensaje diferente. si el modal lo pongo en el componente tabla ps si es facil pero no es la gracias tener esos dos componentes juntos, espero me puedan ayudar, gracias.