1.安装依赖

生成的项目包括React和ReactDOM作为依赖项。它还包括由Create React App用作开发依赖项的一组脚本。您可以使用以下命令安装其他依赖项(例如React Router)

npm install --save react-router-dom
yarn add react-router-dom

2.导入组件

由于使用了webpack,该项目设置支持ES6模块。

虽然您仍然可以使用require()module.exports,但我们建议您使用import和export

例如:

Button.js

import React, { Component } from 'react';class Button extends Component {render() {// ...}
}export default Button; // Don’t forget to use export default!

DangerButton.js

import React, { Component } from 'react';
import Button from './Button'; // Import a component from another 

create-react-app之构建应用相关推荐

  1. 深入浅出 Create React App

    本文差点难产而死.因为总结的过程中,多次怀疑本文是对官方文档的直接翻译和简单诺列:同时官方文档很全面,全范围的介绍无疑加深了写作的心智负担.但在最终的梳理中,发现走出了一条与众不同的路,于是坚持分享出 ...

  2. 【翻译】基于 Create React App路由4.0的异步组件加载(Code Splitting)

    基于 Create React App路由4.0的异步组件加载 本文章是一个额外的篇章,它可以在你的React app中,帮助加快初始的加载组件时间.当然这个操作不是完全必要的,但如果你好奇的话,请随 ...

  3. 在 .NET Core 5 中集成 Create React app

    翻译自 Camilo Reyes 2021年2月22日的文章 <Integrate Create React app with .NET Core 5> [1] 本文演示了如何将 Crea ...

  4. 如何使用Create React App DevOps自动化工作中所有无聊的部分

    by James Y Rauhut 詹姆士·鲁豪(James Y Rauhut) 如何使用Create React App DevOps自动化工作中所有无聊的部分 (How I automate al ...

  5. Create React App 2.0 华丽登场

    贺! Create React App 2.0 在 10/02 正式发布 ?????? Create React App 是由官方所维护的开发工具,主要提供了专属于 React 开发环境的前置工作.简 ...

  6. Create React App 2.0 正式发布:Babel 7、webpack 4 等

    英文原文:Create React App 2.0: Babel 7, Sass, and More – React Blog 以下是简要翻译 React 本身是没有附带任何编译工具的,如果没有测试运 ...

  7. Vite 3.0 vs. Create React App:比较和迁移指南

    Create React App (CRA) 在 React 社区及其整个生态系统的发展中发挥了关键作用. 在突发奇想构建本地 React 开发环境时,它是不同技能的开发人员的首选工具. CRA 拥有 ...

  8. Create React App从使用到Docker部署

    一.介绍 Create React App 是 React 脚手架,它帮我们可以快速生成项目的工程化结构,脚手架让项目从搭建到开发再到部署,整个流程变得快速和便捷. 二.安装 Create React ...

  9. react快速开始(二)-使用脚手架Create React App创建react应用

    文章目录 react快速开始(二)-Create React App入门 什么是Create React App 快速开始 使用IDE webstrom创建react项目 create react a ...

  10. Create React App proxy配置

    最近又吃了没文化的亏(哭晕在洗手间≧ ﹏ ≦) 做后台管理系统的时候,需要调一个易连云打印小票的接口, 项目框架是 Create React App+typescript,后端是node.js 本媛负 ...

最新文章

  1. android如何设置默认关闭虚拟按钮,android – Chrome自定义标签更改默认关闭按钮不起作用...
  2. 【学习笔记】35、定义自己的异常类
  3. 百练OJ:4003:十六进制转十进制(python三行代码实现)
  4. docker 守护进程
  5. 灵活的数据管理和展示javascript类库 - Recline.js
  6. csdn代码区的代码不变颜色?
  7. pc端使用阿里云播放器播放视频
  8. java编译系统找不到指定路径_为什么我在E盘安装了java,命令指示符输入后却提示系统找不到指定路径?...
  9. 创建线程的三种方法c语言,创建线程 - Python教程 - C语言网
  10. 运维堡垒机—如何解决企业运维操作审计问题?
  11. Android仿高德地图打车的三段式BottomSheet
  12. 猜数游戏是一个益智类小游戏,游戏运行产生一个1-100之间的随机数,让玩家重复猜测,直到猜对为止。(扩展条件:如果猜测超出三次提示“游戏失败”)
  13. 网络工程师考试内容纲要
  14. 自我认知测试软件,职业生涯测评系统在线测试
  15. oracle表数据误删恢复,表误删恢复
  16. 海豹突击队体能训练手册——前言
  17. php怎么定义字符串变量的值,php字符串变量怎么替换
  18. android rom 寿命,LineageOS ROM 彻底放弃安卓 9 Pie,华为P20 Pro/小米5s等24款手机不再更新...
  19. IDEA相同变量高亮显示
  20. Java:BigDecimal的学习与使用

热门文章

  1. RAID5数据应该如何恢复
  2. 【JavaWeb学习】—iframe标签(四)
  3. AD10 PCB文件统一设置字体大小(默认字体大小)
  4. 解线性方程组——高斯消元の板子
  5. 小米装linux系统教程视频,小米手机 连接在Ubuntu 下调试
  6. 机器学习20:基于ResNet50和FaceNet实现人脸识别
  7. Linux命令 rm -rf报错 mv无效选项 --‘r‘
  8. 颜色的前世今生21·Lab编码系统
  9. C语言实现高精度除高精度
  10. BI数据分析从业者从零开始学习财务知识?有哪些入门书籍推荐