javascript - ReactJS 未知 : unexpected token on React. createElement

Question

我有一个 .jsx 文件，并且正在使用 es6 编写。我有一个组件，我希望它返回一个好的 ole 链接!我从 React Documentation 复制了确切的链接。这是我的代码...

class PanelContent extends React.Component { 
  render() {
    return (
      React.createElement('a', {href: 'https://facebook.github.io/react/'}, 'Hello!')
    )
  }
}

我收到的错误是SyntaxError:unknown:Unexpected token (4:35)。错误指向 href 中的 :。所以请大家帮忙。

Answer 1

通过在渲染函数的返回中使用括号，如果您不想内联 html，react 认为您将用 jsx 编写，您可以这样做:编辑:第一个示例看起来像这样应该使用或不使用括号

class PanelContent extends React.Component { 
  render() {
    return React.createElement('a', {href: 'https://facebook.github.io/react/'}, 'Hello!')
  }
}

或者如果您想使用 jsx(确保您有一个正在运行的处理器):

class PanelContent extends React.Component { 
  render() {
    return (
      <a href='https://facebook.github.io/react/'>Hello!</a>
    ) 
  }
}