![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React
Mr Locke
这个作者很懒,什么都没留下…
展开
-
React-Redux的使用
React-Recdux将所有的组件分为两大类:UI组件(presentational component)和容器组件(container component)**有时候UI组件也叫:**展示组件、木偶组件、傻瓜组件、纯组件容器组件叫:智能组件UI组件有以下几个特征:只负责UI的展现,不带有任何的业务逻辑没有状态所有的数据都由参数(this.props)提供不使用任何的Redux的...原创 2020-05-03 21:51:23 · 149 阅读 · 0 评论 -
redux的一些基本概念
redux的设计思想1. Web应用是一个状态机,视图与状态是一一对应的2. 所有的状态保存再一个对象里面redux的流程1. store通过reducer创建初始化状态2. view通过store.getState()获取到了store中保存的state挂载在自己状态上3. 用户产生操作,调用了action的方法4. action方法被调用。创建带有标志性信息的action5. ...原创 2020-05-02 21:10:33 · 298 阅读 · 0 评论 -
React-Router的使用
安装路由: yarn add react-router-dom || cnpm i react-router-dom最新的路由版本是5.1.2的版本React-Router的分类:react-router涉及到react的一些核心的东西react-router-dom做Web端开发的(外部app)react-router-native做原生开发(原生应用)r...原创 2020-04-25 12:30:17 · 164 阅读 · 0 评论 -
React中的受控组件和非受控组件
官方对于受控组件和非受控组件的描述:在 HTML 中,表单元素、(如<input>、 <textarea> 和 <select>)之类的表单元素通常自己维护 state,并根据用户输入进行更新。而在 React 中,可变状态(mutable state)通常保存在组件的 state 属性中,并且只能通过使用 setState()来更新。我们可以把两者结合...原创 2020-04-18 16:23:02 · 289 阅读 · 0 评论 -
React中的父子通信和子父通信
父子组件的通信:父组件将属性传递给子组件,子组件通过this.props来接收,子组件是不能更改父组件传递过来的属性,只能拿来使用的父组件todos/index.jsimport React, { Component } from 'react'import List from "../list/index" //引入子组件export default class index exte...原创 2020-04-18 02:32:42 · 251 阅读 · 0 评论