我刚刚进入react,自己try 一下.在配置了几个小时的webpack,只为了在屏幕上显示hello world之后,我想我现在可以开始了,但在try 从文件中呈现另一个组件之后,下一个问题出现了.

我的主要文件是app.js,呈现一切:

import React from 'react';
import ReactDOM from 'react-dom';
import {Hello} from './hello';

ReactDOM.render(
   <Hello/>,
   document.getElementById('app')
);

Hello组件来self 的Hello.同一文件夹中的js:

import React from 'react';

class Hello extends React.Component{
   render(){
       return (
           <h1>Hello, world!</h1>
       )
    }
}

export default Hello;

当我在应用程序中做所有事情时,它的渲染效果很好.没有导入/导出的js.它也编译得很好.但是现在控制台中有很多错误.那么我错过了什么?

谢谢

格德

推荐答案

因为导出值为default,所以导入组件名称周围不需要大括号:

import Hello from './hello';

Here's a verbose technical article来自Axel Rauschmayer,关于ES6模块的最终语法,您可能会发现这些语法很有用.

And here's a slightly less techy post个关于同一个话题.

Reactjs相关问答推荐

当我在React中使用类方法更新模型的状态时,它在严格模式下触发两次

如何使用React防止并发注册并处理Firestore数据库中的插槽可用性

无法使用#13;或br将新行设置为文本区域'"&"<>

替换谷歌 map api默认信息窗口与自定义

如何创建react router v6的自定义子路由?

使用REACT-RUTER-V6和ZUSTANDreact 中的身份验证

为什么我的react虚拟化列表不显示滚动条,除非我确保高度低于rowCount*rowHeight?

for each 子级加载父路由加载器

在Reaction中管理多个状态

面临 React 模式中点击外部条件的问题

如何将 MUI X 数据网格单元格方向更改为行级而不是列级?

无法设置 null 的属性(设置src)

使用 MuiCssBaseline 在所有 MUI v5 标签上设置边距 0

React - 使用 React 显示错误和积极alert

来自一个自定义 React Native 组件的样式从另一个自定义组件移除样式

Cypress - 在继续之前等待下一个按钮重新出现

如何根据react 中的 map 功能一次只打开一个弹出窗口?

哪个 PrivateRouter 实现更好:高阶组件还是替换?

仅在重新渲染后设置状态

bootstrap 导航栏切换器在 reactjs 中不起作用