![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React
文章平均质量分 84
leehaipei
这个作者很懒,什么都没留下…
展开
-
React使用redux react-redux redux-thunk
React redux [ˈriˌdʌks] 〇、预备 安装 npm install --save redux npm install --save react-redux(基础款用不上) npm install --save redux-thunk npm install --save-dev redux-devtools(不必要) 一、基础版 已经将reducer和actions抽出 1.仓库文件 // 1.创建仓库对象,解构必要的函数,并引入redux-thunk改装增强redux import {原创 2021-07-21 20:48:46 · 778 阅读 · 0 评论 -
React路由 路由传参 路由上下文 组件跳转
官方网站 一、简介 路由最基本的职责就是当页面的访问地址与Route上的 path匹配时,就渲染出对应的 UI 界面(组件)。 实现SPA应用,页面切换不会刷新页面,内容局部更新。同时路由也可以带货(传参)。 二、react-router提供了两种路由模块 1.React-Router 提供了一些router的核心API,包括Router, Route, Switch等,但是它没有提供 DOM 操作进行跳转的API。 2.React-Router-DOM* 提供了 BrowserRouter,HashRou原创 2021-07-19 00:58:14 · 862 阅读 · 0 评论 -
React 组件通信 组件传值
一、父子关系组件通信 1)props传递数据与props传递方法 a)父组件向子组件传递数据使用props传递属性 思路:父组件给子组件传递属性,在子组件中通过{this.props.属性名}来获得数据 //父组件 import React from 'react'; import Son1 from '../../components/Son1/Son1'; import Son2 from '../../components/Son2/Son2'; export default class F原创 2021-07-12 01:12:07 · 292 阅读 · 0 评论