如何使用onClick

Question

我正在使用React.createElement将React组件添加到现有的html中。我可以看到我在返回的div中创建的按钮，但是我的按钮没有响应onClick。以下是我正在使用的代码：

const e = React.createElement;

function Button(props) {
  return e( 'button', {onClick:props.handleClick}, props.name)
}

class LikeButton extends React.Component {
  handleClick = () => {
    console.log('ciao');
  }

  render() {
    return e('div', null,
                 e(Button, {handleClick:this.handleClick, name:'Get'},null))
  }
}

//const domContainer = document.querySelector('#getButton');

ReactDOM.render(e(LikeButton,null,null),
                document.querySelector('#getButton'));

我无法弄清楚为什么代码不起作用。日志中没有错误，所以我真的不知道。

Answer 1

Your example works

您确定ID为#getButton的dom元素吗？

关于使用JSX：您必须设置项目，以便babel对其进行编译。