返回函数到reactDOM什么都不做

Question

为什么这不起作用？我正在关注youtube教程。

function Hello(props) {
  return <div>Hello</div>;
}

ReactDOM.render(
   Hello,
   document.getElementById('entry')
);

http://codepen.io/anon/pen/VmqJGp

Answer 1

如果您查看该页面的JS控制台，您将看到以下内容：

在该链接之后，error page个州

  

ReactDOM.render（）：无效的组件元素。不要传递类似Foo的类，而是传递React.createElement（Foo）或var expression: NSRegularExpression! do { expression = try NSRegularExpression(pattern: pattern, options: NSRegularExpressionOptions.CaseInsensitive) } catch let error as NSError { // Handling error print("error medicare val\(error)") }

所以而不是

<Foo />

你应该做

ReactDOM.render(
   Hello,
   document.getElementById('entry')
);