Question

我有一个应该通过单击按钮来触发的功能：

createUser() {
    console.log("Hi"); // Debug line
    var name = REACTDOM.findDOMNode(this.refs.displayName).nodeValue;
    // Some more code
}

我的按钮声明如下：

render() {
    /* Returns the frontend stuff */
    return (
        // Some other stuff...
        <button className="material-button" onClick={this.createUser.bind(this)}>
         Sign Up
         </button>
    );

当我单击按钮时，该函数似乎未正确执行。甚至调试行都没有记录到控制台（我使用Nodejs CommandLine）。

我已经阅读了问题47624663，但并没有真正帮助。如果没有bind（this），则单击按钮将导致运行时错误，提示无法读取未定义类型的引用。

任何见识都可以提供帮助。谢谢！

Answer 1

尝试替换箭头功能上的createUser

createUser = () => {
    console.log("Hi"); // Debug line
    var name = REACTDOM.findDOMNode(this.refs.displayName).nodeValue;
    // Some more code
}

React.js：function.bind（this）导致按钮不起作用

1 个答案: