ReactJS 在点击时发送键（索引）

Question

我想在函数中单击时发送元素的索引。因为我应该更改每个元素的数据并从数组中获取它。

如何从

MainBlock

获取

List

的密钥？是否可以？还是我做错了什么？

我对 React 很陌生，犯了很多错误。

var MainBlock = React.createClass({
Click: function() {
    // I need to get element KEY
    // var data = array[key]
},
render: function() {
    return (
        <List Click={this.props.Click.bind(null, this)}>
    );
}
});

var List = React.createClass({
    render: function() {
        var ItemNodes = this.props.data.map(function(step, index) {
            return (
                <Item className="class" Click={this.props.Click.bind(null, this)} key={index} />
            );
        }.bind(this));
        return (
            <ul>
                {ItemNodes}
            </ul>
        );
    }
});

var StepWindow = React.createClass({
    render: function() {
        return (
            <li onClick={this.props.Click}>
                yo!
            </li>
        );
    }
});

感谢您的帮助。

Answer 1

试试这个：

Click={this.props.Click.bind(this, index)}

Click: function(idx, e){

}

查看文档示例中的boundClick http://facebook.github.io/react/tips/expose-component-functions.html

编辑 我对此进行了编辑，以显示传递给 Click 函数的参数的顺序不同。原来是 e, idx，应该是 idx, e。

Answer 2

阅读有关此的更多内容是第一次，我认为通过提前购买好时间并考虑您的时间和考虑，这将是一个美好的时间和金钱的好时机，这是您第一次在早上很快，在这方面的考虑和考虑，我第一次在这方面考虑对我来说是最好的方式，最好的方式，最好的方式，在第一次有机会到达第一个到uy的地方是