weixin_45479215的博客

老规矩：脚手架快速搭建基本环境。很多都是重复的，所以省了很多代码。 路径跳转两种方式： 1.link标签式跳转。 2.Router跳转，可把方法分离出来。 import React from 'react' import Link from 'next/link' import Router from 'next/router' const Home = () => { function...

React Hooks就是用函数的形式代替原来的继承类的形式，并且使用预函数的形式管理state，有Hooks可以不再使用类的形式定义组件了。这时候你的认知也要发生变化了，原来把组件分为有状态组件和无状态组件，有状态组件用类的形式声明，无状态组件用函数的形式声明。那现在所有的组件都可以用函数来声明了。 用了它简直不要太爽，可以说是改变了编程的方式。 下面对比下就知道多爽： class的方式： im...

还是先用脚手架生成一个app，删除多余的代码，只留一个index.js 安装react-router-dom： npm install --save react-router-dom 老套路，先编写一个简单的路由程序先跑起来： import React from "react"; import { BrowserRouter as Router, Route, Link } from "rea...

一种管理状态的js工具。store数据仓库，数据和状态都放在这里，集中管理。 有四个部分。React Components就相当于大官人，然后我们去作“大宝剑”，我们先见到的是Action Creators“妈妈桑”,我们说我要找小红，我是熟客了。"妈妈桑"就回到了Store，然后让Reducer看看"小红“忙不忙（现在的状态），如果不忙就让她过来配大官人。 看一下例子，先看下组件： impor...

React全家桶+博客实战小解 #1.react基础 React.js是全球最火的前端框架(Facebook推出的前端框架)，衍生出了reactnative（移动端），reactAR（虚拟现实）。 安装nodejs好，再安装脚手架create-react-app，官方推出的。 npm install -g create-react-app 再用脚手架创建一个demo D: //进入D盘 mkd...