Javascript React中的onClick函数不工作？

我的简单代码是：

main.js：

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

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

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

    </div>

        )

    }
});

var ReactDom=require（'react-dom'）；
var Main=React.createClass({
render:function（）{
返回(
你好
)
}
});

在控制台中出现错误：

TypeError:侦听器必须是函数

错误：

在运行这段代码时，我得到的是警报函数，而不是 这应该是点击功能

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

---

提前感谢

您应该给

onClick

一个函数，它可以在单击事件中调用，因此您应该将警报包装在匿名函数中，例如

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

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

var ReactDom=require（'react-dom'）；
var Main=React.createClass({
render:function（）{
返回(
你好
)
}
});

您应该将警报包装在一个函数中，您可以使用胖箭头来完成这项工作

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

alert（“hello world”）}>hello

您是否尝试过将警报代码包装到匿名函数中？

alert.bind（这是“hello world”）

尝试避免在呈现函数中绑定，如果不需要类“this”上下文，您可以在构造函数中或类声明之外执行此操作。