不带JSX的ReactJSonClick

我是React新手，尝试设置React组件的onClick属性，但出现以下错误：

Warning: React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: <ul />. Did you accidentally export a JSX literal instead of a component?

---

关于让onclick函数工作有什么提示吗？

您只需将类传递给

ReactDOM.render

方法，让它处理实例生成和渲染

另外，您正在调用

onItemClick

方法，而不是将其传递给onClick事件侦听器

//导航栏组件
类Navbar扩展了React.Component{
构造函数（）{
超级（）；
this.onItemClick=this.onItemClick.bind（this）；
};
麦克利克{
console.log（'Test'）；
}
render（）{
const home=React.createElement（'li'{
类名：“导航栏项”，
id:“家”
}“家”）；
const contact=React.createElement（'li'{
类名：“导航栏项”，
id:“关于”
}"联络";；
const about=React.createElement（'li'{
类名：“导航栏项”，
id:'联系人'，
onClick：这个
}“关于”；
返回React.createElement（'ul'{
类名：“导航栏”
}，关于，联系，家）；
}
}
ReactDOM.render(
React.createElement（导航栏，null，null），
document.getElementById（'navbar'）
);

更改

const about = React.createElement('li', {className: 'navbar-item', id: 'contact', onClick: this.onItemClick()}, 'About');

到

希望有帮助
导航栏现在显示-但它会自动打印“测试”一次，然后按钮没有响应？谢谢！我必须通过ReactDOM render类-u da best:）
const about = React.createElement('li', {className: 'navbar-item', id: 'contact', onClick: this.onItemClick()}, 'About');

const about = React.createElement('li', {className: 'navbar-item', id: 'contact', onClick: this.onItemClick}, 'About');