随笔分类 -  react

摘要:基本的 嵌套路由组件,直接在代码中,引入即可, 1 // 嵌套路由 2 import React from 'react'; 3 import BackHome from '../component/BackHome'; // 返回首页组件 4 import { BrowserRouter as R 阅读全文
posted @ 2021-03-11 15:56 王希有 阅读(3093) 评论(0) 推荐(0)
摘要:1、安装 react-router-dom yarn add react-router-dom --save 2、新建router文件夹 -src --router(文件夹新建) index.js routes.js -App.js (脚手架自带) 3、src/router/index.js (未配 阅读全文
posted @ 2021-03-09 11:20 王希有 阅读(885) 评论(0) 推荐(0)
摘要:1、初始化 yarn init 2、添加依赖包 yarn add [package] yarn add [package]@[version] yarn add [package]@[tag] 3、安装项目依赖包 yarn 或者 yarn install 4、npm 与 yarn命令比较 NPM Y 阅读全文
posted @ 2021-03-08 16:16 王希有 阅读(191) 评论(0) 推荐(0)
摘要:1、安装 create-react-app todoListNew npm install antd --save 目录结构 src -compoent --Home.js --List.js App.js 2、App.js import React from 'react'; import Hom 阅读全文
posted @ 2021-03-08 16:00 王希有 阅读(482) 评论(0) 推荐(0)
摘要:一、webpack 1、 什么是以及为什么要使用webpack 现在的网页功能越来越丰富,所需要的JavaScript和模块也会很多,为开发更加简洁,出现了以下方法,如模块化,scss,typescript等。 但有些语法是浏览器无法识别的。所以需要用到webpack。 WebPack是模块打包器, 阅读全文
posted @ 2018-11-21 22:26 王希有 阅读(776) 评论(0) 推荐(0)
摘要:一、react简介 1、起源:React 起源于 Facebook 的内部项目,用来架设 Instagram 的网站,并于 2013 年 5 月开源。 2、特点: 解释 a.声明式设计 和 命名式设计 b.虚拟DOM () 二、基本语法 1、对比vue中的基本指令学习react的基本语法, vue中 阅读全文
posted @ 2018-11-20 19:37 王希有 阅读(417) 评论(0) 推荐(0)
摘要:一、什么是以及为什么要使用webpack 二、webpack 与 gulp 的区别 三、如何使用webpack 实例: 1、全局安装webpack 2、新建一个文件夹,并初始化文件 之后,文件夹内会出现一个package.json 的文件 3、局部安装webpack 之后,文件夹会出现一个node_ 阅读全文
posted @ 2018-11-20 16:24 王希有 阅读(304) 评论(0) 推荐(0)