我有一个已创建的组件:
class Create extends Component {
constructor(props) {
super(props);
}
render() {
var playlistDOM = this.renderPlaylists(this.props.playlists);
return (
<div>
{playlistDOM}
</div>
)
}
activatePlaylist(playlistId) {
debugger;
}
renderPlaylists(playlists) {
return playlists.map(playlist => {
return <div key={playlist.playlist_id} onClick={this.activatePlaylist(playlist.playlist_id)}>{playlist.playlist_name}</div>
});
}
}
function mapStateToProps(state) {
return {
playlists: state.playlists
}
}
export default connect(mapStateToProps)(Create);
当我render
这个页面,activatePlaylist
被每一个信息playlist
在我的map
。如果我bind
activatePlaylist
喜欢:
activatePlaylist.bind(this, playlist.playlist_id)
我还可以使用匿名函数:
onClick={() => this.activatePlaylist(playlist.playlist_id)}
然后它会按预期工作。为什么会这样?
React
这种方式的早期版本中可以工作。我是否记错了或已api
更改?