react
文章平均质量分 94
web修理工
这个作者很懒,什么都没留下…
展开
-
react redux的简单使用
index.jsimport React from 'react'; //react 模板import ReactDOM from 'react-dom'; // jax语法import './index.css';// 全局样式import App from './App'; // 主要模块import * as serviceWorker from './serviceWorker'; //渲染问题import { BrowserRouter } from "react-router-do原创 2020-08-24 14:00:41 · 168 阅读 · 0 评论 -
如何将参数传递给mapDispatchToProps()
const getTheArray = (array) => { return { type: 'GET_ARRAY', array } } class Example extends...... componentDidUpdate(){ //i have a button, and when it clicked, turns the status: 'deleted' if (this.st.原创 2020-08-24 13:53:56 · 526 阅读 · 1 评论 -
react 路由传参
方式1:通过params1.法一(在刷新页面的时候,参数不会丢失。)(1)路由表中<Route path='/user/:id' component={User}></Route>(2)Link处 (跳转user页面)HTML方式: <NavLink to={ '/user/' + ' 2 ' }>用户</NavLink> JS方式: this.props.history.push('/user/'+'2')(3)user页面转载 2020-08-19 11:35:45 · 108 阅读 · 0 评论 -
redux+react-redux基本介绍
创建项目create-react-app redux-demo安装reduxnpm install redux --S安装react-reduxnpm install react-redux --S原创 2020-08-19 11:33:28 · 82 阅读 · 0 评论 -
react项目—路由和嵌套子路由(react-router4.0)
前言:在做项目的时候,花费了几天的时间才把路由问题解决,但是对react的几种路由的区分和使用,我现在也是整的还不清楚。1、安装相关的包:(1)npm install --save-dev react-router(2)npm install --save-dev react-router-dom(3)npm install --save react-router-config在package.json中查看版本2、配置路由(1)新建路由文件 route.js转载 2020-08-13 15:40:35 · 1650 阅读 · 0 评论 -
react 简介 路由及生命周期
全局下载react 脚手架npm install -g create-react-app创建项目create-react-app my-app // my-app 为自己的demo名称更新npm(报错)npm cache clean --force //清缓存npm install npm -g // 重新下载npm npm install -g create-react-app //全局下载react 脚手架create-react-app my-app //创建项目原创 2020-08-13 15:30:08 · 452 阅读 · 0 评论