
react
文章平均质量分 56
_致远
你知道的越多 你不知道的越多
展开
-
react-mobx解析及实现简单计数器
一. mobx解析mobx背后的哲学其实很简单:任何源自应用状态的东西都应该自动地获得。其中包括UI、数据序列化、服务器通讯,等等。React 和 MobX 是一对强力组合。React 通过提供机制把应用状态转换为可渲染组件树并对其进行渲染。而MobX提供机制来存储和更新应用状态供 React 使用。安装:cnpm i mobx mobx-react -S单项数据流:MobX 支持单向数据流,也就是动作改变状态,而状态的改变会更新所有受影响的视图。mobx原则当状态改变时,所有原创 2021-07-13 11:19:48 · 72154 阅读 · 0 评论 -
redux解析及实现简单的计数器
redux的设计思想很简单,只有两句话 1.web应用是个状态机,视图和组件是一一对应的。 2.所有的状态,都保存在对象里面。一.基本概念和API图解:redux完美遵循了单向数据流,由视图组件通过dispatch发送一个action,store接收到这个action和传入的state,发送给reducers,reducers匹配对应的state并经过计算,形成新的state并返回给store,store返回给视图组件。1.1将redux/index创建的组件引入到App.js内1.2原创 2021-07-02 00:11:08 · 3723 阅读 · 0 评论 -
antd-form表单的封装
目录由于一直在做中台业务,后台项目特别多,但是后台项目的特点是:大量的列表和大量表单,重复开发会降低效率,所以我这边总结了一下使用antd组件搭建form的快捷方法。希望能对大家有用。传统form表单搭建首先传统搭建一个form表单,那么代码可能会是下面这样子import React from 'react';import { Form, Input } from 'antd'; @Form.create()class MyTestForm extends React.Component转载 2021-06-21 13:50:51 · 2599 阅读 · 0 评论 -
简述flux思想
1.什么是flux1.Flux的提出主要是针对现有前端MVC框架的局限总结出来的一套基于dispatcher的前端应用架构模式。按照MVC的命名习惯,他应该叫ADSV(Action Dispatcher Store View)。2.Flux的核心思想就是数据和逻辑永远单向流动...原创 2021-05-25 22:26:55 · 2379 阅读 · 7 评论