我是 React 新手,现在正在尝试了解 React 组件。但是当我创建 nameList.js,在其中添加数据并导出到 app.js 时,它不会在浏览器中显示任何内容。我在 Stackoverflow 上阅读了一些答案并尝试了它。但不显示任何内容。
应用程序.js
import './App.css';
import nameList from './Components/nameList';
function App() {
return (
<div className="App">
<div className="App" >
<nameList/>
</div>
</div>
);
}
export default App;
Run Code Online (Sandbox Code Playgroud)
组件文件夹中的 nameList.js
import React from 'react';
function nameList() {
return (
<div>
<h1>Name List</h1>
<ul>
<li>Stu1</li>
<li>Stu2</li>
<li>Stu3</li>
</ul>
</div>
)
}
export default nameList;
Run Code Online (Sandbox Code Playgroud)
我需要将 nameList.js 中的数据获取到 App.js 中