Javascript 如何从React类访问自动绑定函数？

因此，我将用一个示例代码解释我的问题

var func = function(e){alert(this.props.val)};
var inner = <button onClick={func}>Click me</button>;

var Comp = React.createClass({
    func,
    render: function(){
        return inner;
    }
});

ReactDOM.render(<Comp val="testing"/>,document.getElementById("container"));

var func=function（e）{alert（this.props.val）}；
var internal=单击我；
var Comp=React.createClass({
func，
render:function（）{
返回内部；
}
});
render（，document.getElementById（“容器”）；

这里的问题是，由于我在React.createClass（）之外声明组件，传递给按钮的onClick不是类的自动绑定函数，因此我无法访问组件的

this

，因此无法访问道具

不管怎么说，这是怎么回事？
记住，我必须在外部声明组件

下面是我在react的github页面上提出的问题的链接

创建一个：

var func=function（e）{alert（this.props.val）}；
var-Inner=（道具）=>单击我；
var Comp=React.createClass({
func，
render:function（）{
返回；
}
});

惊人的解决方案！！你是怎么想的？？谢谢

var func = function(e){alert(this.props.val)};
var Inner = (props) => <button onClick={props.func}>Click me</button>;

var Comp = React.createClass({
    func,
    render: function(){
        return <Inner func={this.func}/>;
    }
});