为什么我的React Component Export无法正常工作？

  • Z时代
  • 2024-01-10
  • 分类：问答

我只是开始做出反应并亲自尝试一下。经过数小时的配置webpack，只是想在屏幕上打个招呼，我想现在可以开始了，但是尝试从文件中渲染另一个组件之后，下一个问题就解决了。

我的主文件是app.js，它呈现所有内容：

import React from 'react';
import ReactDOM from 'react-dom';
import {Hello} from './hello';
ReactDOM.render(
   <Hello/>,
   document.getElementById('app')
);

Hello组件来自同一文件夹中的hello.js：

import React from 'react';
class Hello extends React.Component{
   render(){
       return (
           <h1>Hello, world!</h1>
       )
    }
}
export default Hello;

当我只在app.js中执行所有操作而没有导入/导出时，它表现得很好。它也可以编译。但是控制台中现在有很多错误。那我想念什么呢？

谢谢

格尔德

回答：

因为是导出文件default，所以不需要在导入组件名称的周围加上花括号：

import Hello from './hello';

这是 Axel Rauschmayer

撰写的详尽的技术文章，介绍了您可能会觉得有用的最终ES6模块语法。

这是关于同一主题的较不技巧的帖子。

以上是 为什么我的React Component Export无法正常工作？ 的全部内容， 来源链接： utcz.com/qa/406537.html

回到顶部