reactjs 未知：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

通过在渲染函数的返回中使用括号，react 认为如果您不想内联 html，您将使用 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>
    ) 
  }
}