React onClick事件在地图上不起作用

Question

我正在使用React，我正在使用map函数呈现一个表，这是有问题的代码：

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>
                                        &nbsp;
                                        <a href="#" onClick={() => alert(":v")}><span className="fa fa-edit fa-lg"></span></a>
                                    </td>
                                </tr>)
                        })
                    }
                </tbody>
            </table>
        </div>
    );
}

当顶部的按钮发出警报时，this.state.usuarios.map内的任何按钮都会触发onClick事件。这是最简单的事情（直接传递alert），但即使这样也很难实现。有没有人知道为什么会发生这种情况？

加号：控制台显示一无所有。