[英]Error while exporting Component in React.js
我正在将React.js组件(Comp.jsx)导出到App.js(主文件)并得到此错误。
错误:./ src / App.js尝试导入错误:'。/ Component / Comp.jsx'不包含默认导出(导入为'Comp')。
Comp.jsx
import React from 'react'
import ReactDOM from 'react-dom'
function MyInfo() {
return (
<div>
<h1>My Name</h1>
<p>This is a Para</p>
</div>
)
}
ReactDOM.render(<MyInfo/>,document.getElementById('root'))
App.js
import React from 'react';
import Comp from './Components/Comp.jsx';
function App() {
return (
<Comp>Hello World</Comp>
);
}
export default App;
您还必须导出MyInfo组件。 MyInfo组件/功能仅被声明而不被导出。 放
export default MyInfo
在Comp.jsx文件的底部或
export default function MyInfo()...
声明函数的位置。 这样可以导入MyInfo组件并在其他文件中使用。 此外,ReactDOM.render必须位于App.jsx文件中。 请参阅https://codesandbox.io/s/reverent-fermi-44r26
代替:
ReactDOM.render(<MyInfo/>,document.getElementById('root'))
将其移动到App.js
文件并呈现App
。
App.js
ReactDOM.render(<App/>,document.getElementById('root'))
要么
在Comp.jsx
添加export default
。
Comp.jsx
import React from 'react'
import ReactDOM from 'react-dom'
// \/ here
export default function MyInfo() {
return (
<div>
<h1>My Name</h1>
<p>This is a Para</p>
</div>
)
}
ReactDOM.render(<MyInfo/>,document.getElementById('root'))
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.