Question

我想使用带有以下代码的JSX使用ReactJS创建一个可点击的按钮：

    'use strict';

class LikeButton extends React.Component {
  constructor(props) {
    super(props);
    this.state = { liked: false };
  }

  render() {
    if (this.state.liked) {
      return 'You liked this.';
    }

    return (
      <button onClick={() => this.setState({ liked: true }) }>
        Like
      </button>
    );
  }
}

let domContainer = document.querySelector('#like_button_container');
ReactDOM.render(<LikeButton />, domContainer);

我不明白为什么会收到错误消息：

期望的表达式，得到'<'

很明显，Babel并没有从我的代码中处理JSX，但是它应该正在运行，所以我真的不知道此时的外观。

感谢任何尝试提供帮助的人！

Answer 1

我刚刚意识到，使用Babel处理器后，我在纯JS中复制了我的代码的JSX版本。

期望的表达式，得到'<'：Babel JSX处理不起作用

1 个答案: