我正在尝试使用 reactjs
中的表格添加点击功能。 我的第一次尝试是使整行可点击。 下面是我的代码:
var UserList = React.createClass({
getInitialState: function() {
return getUsers();
},
handleClick: function(e) {
console.log("clicked");
},
render: function() {
var users = this.state.users.map(function(user) {
return (
<tr onClick={this.handleClick}>
<td>{user.name}</td>
<td>{user.age}</td>
<td></td>
</tr>
);
});
return(
<div className="container">
<table className="table table-striped">
<thead>
<tr>
<th>Name</th>
<th>Age</th>
<th>Full Detail</th>
</tr>
</thead>
<tbody>
{users}
</tbody>
</table>
</div>
);
}
});
这不起作用。接着我尝试在表格中添加一个按钮:
<button className="btn" onClick={this.handleClick}>Full Detail</button>
那个方法也没有起作用。我在应用程序中有其他onClick
的功能,但是如何使其与表格一起工作呢?
.bind(this, user)
,并修改单击处理程序为:handleClick: function (user, e) {
。 - joakimbengonClick={ (e) => this.props.onSelect(e, user)}
。 - SSH This