React Simple Compon 不在浏览器中渲染

丹青 • • 问答 • 273 阅读

您好已经创建了一个示例函数并在 RenderDOM 中调用

但是在浏览器端看到输出没有显示

有没有人有任何建议

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';

function wwhello(){
  return <div>
          <h1>Hello</h1>
          <p>Summa</p>
        </div>;
}


ReactDOM.render(
  <wwhello/>,
  document.getElementById('root')
);

这段代码有什么问题

回答

React 组件需要大写首字母：

您可以在日志错误中看到它：

Warning: The tag <wwhello> is unrecognized in this browser. If you meant to render a React component, start its name with an uppercase letter.
at wwhello

所以改成：

import React from 'react';
import ReactDOM from 'react-dom';
function Wwhello(){
return <div>
<h1>Hello</h1>
<p>Summa</p>
</div>;
}
ReactDOM.render(
<Wwhello/>,
document.getElementById('root')
);
以上是React Simple Compon 不在浏览器中渲染的全部内容。
THE END
分享
二维码
< <上一篇
下一篇>>