reactjs 未知：React.createElement 上的意外标记

Question

我有一个 .jsx 文件，我正在用 es6 编写。我有一个组件，我希望它成为 return 一个好的 ole link！我从 React Documentation 中复制了准确的 link。这是我的代码...

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

通过在渲染函数的 return 中使用括号，如果您不想内联 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>
    ) 
  }
}

reactjs 未知：React.createElement 上的意外标记

reactjs unknown: unexpected token on React.createElement

javascript

facebook

reactjs

react-jsx