![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
「已注销」
一个起点不高,但想一直进步的小前端
展开
-
Redux + React-Redux + Redux-Thunk 在 React 实际项目开发中使用详解
React 是我们的视图框架,但在大型项目开发的时候需要公用的数据状态是很难管理的,有明显父子关系的组件还比较方便传递值,但没关系的组件传值是非常麻烦的,这时候就需要用到我们的状态管理库 Redux,该文章会讲解在实际React项目开发中redux + react-redux + redux-thunk 组合应用,这也是我们现在企业项目开发中最常用的搭配,让你能够快速应用起来! 一、Redux 介绍 Redux 是搭配 React 项目开发中最常用的状态管理库,大家知道在我们 React项目开发时,组件.原创 2020-05-13 14:13:57 · 427 阅读 · 0 评论 -
React Router 基本使用及实际项目使用详解
React Router 是搭配React项目开发时强大的路由库,它可以让你向应用中快速地添加视图和数据流,同时保持页面与 URL 间的同步。 一、安装react-route-dom 在你的项目中执行 npm i react-router-dom 来安装reacr-router 二、编写最简单的路由 在我的项目中App是作为我的根组件的,我编写基本路由就在App组件内,这里根据实际项目来写,有的是写在单独的router组件里。 index.js : import React from 'react';.原创 2020-05-12 16:42:42 · 743 阅读 · 0 评论 -
React Hooks 使用详解及实际项目中遇到的坑
React Hooks 是 React 在16.8版本中更新的新特性,在 React 中一直提倡使用函数组件,老版本中函数组件没有组件实例,没有 state,没有生命周期函数,导致很多情况不得不使用类组件,但是 Hooks 出来后我们可以在不使用类组件的情况下使用state及其他React特性! 一. useState 1. useState基本使用 import React, { useState } from 'react'; function Example() { // 声明一个叫 "co.原创 2020-05-11 16:29:30 · 3139 阅读 · 0 评论