Question

我的简单反应代码是：

main.js：

var ReactDom = require('react-dom');

var Main = React.createClass({
    render: function(){
    return(
        <div>

            <a onClick={alert("hello world")} >hello</a>

    </div>

        )

    }
});

在控制台中出现错误：

TypeError：listener必须是函数

错误：

在运行此代码时，我正在获取该警报功能而不是这应该是点击功能。

注意：我正在使用 flux 结构，但在给定文件中没有填充数据。

提前致谢

Answer 1

你应该将警报包装在一个可以使用胖箭头来完成工作的功能中

<a onClick={() => alert("hello world")} >hello</a>

Answer 2

您应该为onClick提供一个可以在click事件上调用的函数，因此您应该将警报包装在匿名函数中，例如

var ReactDom = require('react-dom');

var Main = React.createClass({
    render: function(){
        return (
            <div>
                 <a onClick={function () {alert("hello world")}} >hello</a>
            </div>
        )
    }
});

React中的onClick函数不起作用？

2 个答案: