Question

我有一个.jsx文件，我在es6中写作。我有一个组件，我希望它返回一个良好的链接！我复制了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，则认为您将在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 unknown：React.createElement上的意外令牌

1 个答案: