从另一个文件中导入ReactJS组件？

53 浏览
0 Comments

从另一个文件中导入ReactJS组件？

我是React的新手。想要开发一个应用程序，使用独立文件中的小组件，然后将它们导入到我的App.js中。我尝试过了，但无法找出我做错了什么。

以下是我的html代码：




    App

以下是我的App.js代码（来自js/目录）：

import MyComp from 'components/MyComp';
class App extends React.Component {
    render() {
        return (
            
        )
    }
}
ReactDOM.render(
    ,
    document.body
);

以下是我的MyComp.js代码（来自js/components/目录）：

class MyComp extends React.Component{
    render() {
        return (
            Hello World!
        )
    }
}
export default MyComp;

如果我按照这种方式尝试，我什么也看不到。而如果我在App.js中创建MyComp类，它就能正常工作。

有什么建议吗？我做错了什么？

0