Estoy trabajando con React y tengo que renderizar una tabla, aquí el código que he trabajado:
render() {
return (
<div>
<button onClick={() => alert(":v")}>:v</button>
<table id="tUsuarios" className="table">
<thead>
<tr>
<th data-sortable="true">ID</th>
<th data-sortable="true">Nombre</th>
<th data-sortable="true">No. Empleado</th>
<th>Correo</th>
<th>Puesto</th>
<th></th>
</tr>
</thead>
<tbody>
{
this.state.usuarios.map(user =>
<tr key={user.User}>
<td>{user.User}</td>
<td>{user.Name}</td>
<td>{user.Empleado}</td>
<td>{user.Mail}</td>
<td>{user.Puesto}</td>
<td>
<a href={"/Usuario?u=" + user.User} title={"Perfil de " + user.Name}><span className="fa fa-user fa-lg"></span></a>
<a href="#" onClick={() => alert(":v")}><span className="fa fa-edit fa-lg"></span></a>
</td>
</tr>)
})
}
</tbody>
</table>
</div>
);
}
El problema es que, mientras el button
que está hasta arriba sí lanza la alerta, ninguno de los enlaces en this.state.usuarios.map
disparan el evento onClick
.
Este código es el más sencillo que he intentado (ni siquiera haciendo binding ni nada, pasando una función ahí directamente) y ni siquera así funciona. ¿Alguien tiene idea de qué está pasando?
onPress
, pero ya intenté con MouseDown y nada..bind(this)
que se evita con ECMA 6 (user =>
).