React
红烧排骨面
这个作者很懒,什么都没留下…
展开
-
Next框架基础
老规矩:脚手架快速搭建基本环境。很多都是重复的,所以省了很多代码。路径跳转两种方式:1.link标签式跳转。2.Router跳转,可把方法分离出来。import React from 'react'import Link from 'next/link'import Router from 'next/router'const Home = () => { function...原创 2020-02-27 20:19:19 · 942 阅读 · 0 评论 -
Hook基础
React Hooks就是用函数的形式代替原来的继承类的形式,并且使用预函数的形式管理state,有Hooks可以不再使用类的形式定义组件了。这时候你的认知也要发生变化了,原来把组件分为有状态组件和无状态组件,有状态组件用类的形式声明,无状态组件用函数的形式声明。那现在所有的组件都可以用函数来声明了。用了它简直不要太爽,可以说是改变了编程的方式。下面对比下就知道多爽:class的方式:im...原创 2020-02-27 20:14:42 · 142 阅读 · 0 评论 -
React-Router基础
还是先用脚手架生成一个app,删除多余的代码,只留一个index.js安装react-router-dom:npm install --save react-router-dom老套路,先编写一个简单的路由程序先跑起来:import React from "react";import { BrowserRouter as Router, Route, Link } from "rea...原创 2020-02-18 19:13:54 · 123 阅读 · 0 评论 -
Redux基础
一种管理状态的js工具。store数据仓库,数据和状态都放在这里,集中管理。有四个部分。React Components就相当于大官人,然后我们去作“大宝剑”,我们先见到的是Action Creators“妈妈桑”,我们说我要找小红,我是熟客了。"妈妈桑"就回到了Store,然后让Reducer看看"小红“忙不忙(现在的状态),如果不忙就让她过来配大官人。看一下例子,先看下组件:impor...原创 2020-02-18 19:10:55 · 145 阅读 · 0 评论 -
React基础
React全家桶+博客实战小解#1.react基础React.js是全球最火的前端框架(Facebook推出的前端框架),衍生出了reactnative(移动端),reactAR(虚拟现实)。安装nodejs好,再安装脚手架create-react-app,官方推出的。npm install -g create-react-app再用脚手架创建一个demoD: //进入D盘mkd...原创 2020-02-04 18:18:44 · 282 阅读 · 0 评论