react
文章平均质量分 70
几度风雨见丹心
这个作者很懒,什么都没留下…
展开
-
DvaJS和antd pro
1、dva 官网 封装了redux、redux-saga、fetch(http数据交互,request)。对数据流的操作更简单。 dva项目 1、安装dva-cli cnpm install -g dva-cli 2、查看版本 dva -v 3、创建项目 dva new dvaapp 4、进入项目 cd dvaapp 5、启动项目 npm start 项目目录结构 src components 可复用的UI组件文件夹 models 数据仓库,redux原创 2021-01-10 16:36:32 · 241 阅读 · 0 评论 -
react-redux、redux-thunk、redux-saga异步获取数据
redux-thunk redux中间件 redux中间件,处理异步请求 actionCreators可以返回一个函数,在该函数里有参数dispatch,发送异步,异步成功之后分发action更改数据。 安装: yarn add redux-thunk 配置: 1.从redux中引入applyMiddleware import {applyMiddleware} from ‘redux’; 2.引入redux-thunk import thunk from ‘redux-thunk’; 3.使用中间件,原创 2021-01-08 18:07:03 · 275 阅读 · 0 评论 -
redux
1、安装redux yarn add redux 2、创建reducer原创 2021-01-03 22:18:22 · 145 阅读 · 0 评论 -
react05--企业级开发
1、ant design 官网地址 2、统一配置后台请求路径和方法 根目录下新建myAjax.js import $ from 'jquery'; import {baseURL} from './config'; exprot default function(){ return new Promise (url,method,data){ $.ajax({ url:baseURL + url; method, data, success(res){ resove(r原创 2021-01-01 20:53:23 · 167 阅读 · 1 评论 -
react04---
1、refs 参照 this.refs —> 对象,存放的是组建中使用ref属性,并且属性值为字符串的,将node节点保存到refs中。 DOM对象 event.target 可以获取 挂载在组件上 //子组件 import React from 'react; class MyRefs extends React.Component{ constructor(props){ super(props); this.state = {}; } //willMount willUpda原创 2020-12-28 23:14:11 · 96 阅读 · 0 评论 -
react03--
1、 生命周期钩子函数 getDefaultProps 获取父组件给的参数设置到props中 | V getInitialState 初始化自己的state | V componentWillMount 组件即将挂载 | V render 渲染页面 | V componentDidMount 组件挂载完毕之后,这里进行页面初始化ajax | V --------- 运行中 ------------ | | | V V V原创 2020-12-27 22:27:03 · 86 阅读 · 0 评论 -
react02--
1、使用react方法一 在单页HTML文件中,<head>标签内引入cdn <script src="https://unpkg.com/react@16/umd/react.development.js"></script> <script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script> <!-- 生产环境中不建议使用 --> &原创 2020-12-26 17:17:06 · 81 阅读 · 0 评论 -
react 01--简单了解react
1、单向数据流: view -> actions->state->view state:驱动应用的数据源,状态 view:以声明的方式将state映射到视图 actions:响应在view上的用户输入导致的状态变化 单项数据流过程: 简单的单向数据流是只用户访问View,view发出用户交互的action,在action里对state进行响应更新。state更新后会触发view更新页面的过程这样数据总是清晰的单向进行流动,便于维护并且可以预测。 2、react脚手架和vue脚手架的区别 c原创 2020-12-24 17:11:29 · 88 阅读 · 1 评论 -
react安装
1、使用react需要提前安装node.js和npm cmd打开命令提示符: 检测版本 输入:node -v 安装node时会自带一个npm的包管理工具。 检测npm版本 输入:npm -v 如若以上两个命令输入都返回版本号,则安装成功! 2.设置NPM 国外npm较慢,容易安装失败,可以设置成淘宝的镜像来代替原有的。 cmd命令提示符中键入: npm config set registry https://registry.npm.taobao.org 3.安装create-react-app 通过安装原创 2020-12-23 16:20:12 · 1765 阅读 · 0 评论