地图内的回调函数

Question

我是Reactjs的新手,并使用Cordova和Reactjs制作目录浏览应用程序.

目前我收到错误this.props.onClick is not a function,我发现这this.props.onClick是未定义的.检查下面的代码:

var RepositoryList = React.createClass({
    //updating the list from a child folder entry
    updateListFromChild:function(childFolder){ 
        console.log("in parent update");
    },    
    render:function(){
        console.log(this.updateListFromChild); //function()
        var itemsInRepo = this.props.items.map(function(entry){
            console.log("in map: " + this.updateListFromChild); //undefined
            return (
                <RepositoryEntry repositoryItem={entry} 
                                 folderOnClick={this.updateListFromChild} />
            );
        });
        return (
            <ul className="table-view">
                {itemsInRepo}
            </ul>
        );
    }
});

该物业folderOnClick未定义.但我不知道如何解决这个问题.有人能指出这一点吗？

Answer 1

一般来说 - 这是JavaScript中的"动态"问题.

但是,由于您正在将ReactJS与JSX一起使用,因此您的代码仍然支持转换中的ES6箭头函数:

var itemsInRepo = this.props.items.map(entry => (                
   <RepositoryEntry repositoryItem={entry} folderOnClick={this.updateListFromChild} />
));

您可以在MDN上查看语法以获取更多示例.