javascript - 在 React.js 中导出组件时出错
问题描述
我正在将 React.js 组件 (Comp.jsx) 导出到 App.js(主文件)并收到此错误。
错误:./src/App.js 尝试导入错误:“./Components/Comp.jsx”不包含默认导出(导入为“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'))
应用程序.js
import React from 'react';
import Comp from './Components/Comp.jsx';
function App() {
return (
<Comp>Hello World</Comp>
);
}
export default App;
解决方案
代替:
ReactDOM.render(<MyInfo/>,document.getElementById('root'))
将其移至App.js
文件并渲染App
。
应用程序.js
ReactDOM.render(<App/>,document.getElementById('root'))
或者
加入. export default
_Comp.jsx
比较.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'))
推荐阅读
- typescript - 根据类型保护推断函数的返回类型
- python - 我们如何将从关键字部分派生的变量分配给机器人框架中变量部分中的变量
- javascript - mongoDB $unset 每个与数组中的 id 匹配的对象
- python - 无法在安卓手机上部署应用(reportlab 问题)
- node.js - 如何删除特定频道中的最后一条消息?
- python - 即使机器人重新加载,也会保留记忆角色反应消息的系统
- typescript - 打字稿的苗条事件参数类型
- javascript - 如何检查安卓设备上的元素
- javascript - 向 Spotify 发出 GET 请求
- python - 由其角点定义的边界框对象的嵌套属性