【问题标题】:return function to reactDOM does nothing返回函数到 reactDOM 什么都不做
【发布时间】:2016-12-18 04:47:35
【问题描述】:

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

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

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

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

【问题讨论】:

    标签: javascript reactjs ecmascript-6 jsx


    【解决方案1】:

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

    在该链接之后,error page 状态

    ReactDOM.render():无效的组件元素。不要传递像 Foo 这样的类,而是传递 React.createElement(Foo) 或 &lt;Foo /&gt;

    所以而不是

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

    你应该这样做

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2012-08-21
      • 1970-01-01
      • 2018-02-11
      • 1970-01-01
      • 2018-03-04
      • 2014-11-29
      • 2011-06-15
      • 1970-01-01
      相关资源
      最近更新 更多