我的APP.js文件无法获取其他组件
我正试图将MainComponent导入app.js组件，但它无法获取该组件。请帮我解决这个问题。
错误
ERROR in ./src/App.js 10:35-39
export 'Main' (imported as 'Main') was not found in './myComponents/mainComponent' (possible exports: default)
这是我的主要组件
import React from 'react';
import ContentThree from './d53-content';
function Main(){
return (
<div>
< Header />
<div className="container">
<div className='col-12 col-md-4'></div>
</div>
</div>
</Header>
</div>
);
}
export default Main;
这是我的app.js文件*
import React, { Component } from 'react';
import { Main } from './myComponents/mainComponent';
function App(){
return (
<div>
< Main />
</div>
);
}
export default (App);
请使用
import Main from './myComponents/mainComponent';
而不是
import { Main } from './myComponents/mainComponent';
原因：您正在使用export default Main导出默认组件，这意味着它是您正在导出的单个组件。所以你需要直接出口，而不是分离。
但是，如果你想像import {Main} '../location_of_file'一样使用，那么你需要像一样导出它
export function Main(props){
// code
}
还要检查您的页眉选项卡。您已经关闭了它，然后为什么要使用它来关闭它。
import React from 'react';
从"导入ContentThree/d53含量’；
函数Main((｛
return (
<div>
< Header /> --- 1
<div className="container">
<div className='col-12 col-md-4'></div>
</div>
</div>
</Header> -- 2
</div>
);
}导出默认Main；
- 在上面的头组件中，第一个标记是自封闭的
- 这是一个结束标签将第一个改为just并打开标签或移除第二个关闭标签