react
文章平均质量分 94
web修理工
这个作者很懒,什么都没留下…
展开
-
react redux的简单使用
index.js import 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 · 167 阅读 · 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 · 522 阅读 · 1 评论 -
react 路由传参
方式1:通过params 1.法一(在刷新页面的时候,参数不会丢失。) (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 · 105 阅读 · 0 评论 -
redux+react-redux基本介绍
创建项目 create-react-app redux-demo 安装redux npm install redux --S 安装react-redux npm install react-redux --S原创 2020-08-19 11:33:28 · 81 阅读 · 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 · 1648 阅读 · 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 · 451 阅读 · 0 评论