- 博客(12)
- 收藏
- 关注
RSS订阅原创 在react中优雅的使用redux
如何在react中优雅的使用redux在react项目中注入storeimport React from 'react';import ReactDOM from 'react-dom';import './index.css';import 'nprogress/nprogress.css'import App from './App';import reportWebVitals from './reportWebVitals';import {Provider} from 'react
2020-12-11 16:42:43
182
原创 redux核心概念-store
redux核心概念-storeRedux 本身很简单。storeStore 就是把state，action和reducer联系到一起的对象。创建store容器store中保存的是一个完整的state。也就是说，无论你定义了多少个state，他都是放在一个store中！import {createStore, applyMiddleware} from 'redux'import thunk from 'redux-thunk';import reducer from './reduc
2020-12-11 16:41:58
367
原创 redux核心概念-reducer
redux核心概念-reducerRedux 本身很简单。reducerReducers 指定了应用状态的变化如何响应 actions 并发送到 store 的，记住 actions 只是描述了有事情发生了这一事实，并没有描述应用如何更新 state。定义reducerreducer根据不同的action类型返回不同的statereducer需要一个state，一个action。state用来定义reducer接受的state类型，action用来定义reducer响应什么样的actio
2020-12-11 16:41:12
568
原创 redux核心概念-action
redux核心概念-actionRedux 本身很简单。actionAction 是把数据从应用（译者注：这里之所以不叫 view 是因为这些数据有可能是服务器响应，用户输入或其它非 view 的数据 ）传到 store 的有效载荷。它是 store 数据的唯一来源。一般来说你会通过 store.dispatch() 将 action 传到 store。定义type用于描述action要做什么export enum AdminType { LOADING, GET,
2020-12-11 16:40:07
187
原创 redux核心概念-state
redux核心概念-stateRedux 本身很简单。state首先设计statestate就是描述我们store容易的数据结构，简单的就是说，我们的store容器里面存了什么数据。export interface IAdmin { id: number avatar: string name: string roleId: number password: string}export interface AdminState { l
2020-12-11 16:39:20
410
原创 redux基本原则
redux基本原则单一数据源整个应用的 state 被储存在一棵 object tree 中，并且这个 object tree 只存在于唯一一个 store 中。如图所示，无论你有多少个页面，还是有多少个组件，所有的状态都在一个单一的store中State 是只读的我们不能直接修改state，而是返回一个新的state状态唯一改变 state 的方法就是触发 action，action 是一个用于描述已发生事件的普通对象。定义actionexport interface AdminAc
2020-12-11 16:38:17
169
原创 redux介绍
什么是reduxRedux 是 JavaScript 状态容器，提供可预测化的状态管理。为什么要使用redux当我们了解一项技术的时候，大多说人只是想着，有了一项新技术，我要了解一下，要不我就跟不上时代的步伐了。 可是，你有没有想过，为什么会有这项技术，为什么要这么做？redux作为一个状态管理容器。当你开发一个小项目的时候，你肯能真的不要他，因为props和state已经可以解决跨页面属性传递了。但是， 当你需要开发一个大型项目，很多时候，你需要跨多个页面传递属性和公用数据，这个时候一个全局的状态
2020-12-11 16:35:33
188
原创 ts中的类（上）
类用类的的方式，ts让我们有了面对想的方式进行编程下面看一个使用类的例子class lee{ title:string author:string constructor(title: string) { this.title = title; }}let l=new lee('乐编码')console.log(l)运行结果：lee { title: '乐编码' }我们创建了一个类，并对类进行了初始化操作我们知道类有三大特性：多态
2020-11-27 17:55:40
129
原创 ts中的类
ts中的类用类的的方式，ts让我们有了面对想的方式进行编程下面看一个使用类的例子class lee{ title:string author:string constructor(title: string) { this.title = title; }}let l=new lee('乐编码')console.log(l)运行结果：lee { title: '乐编码' }我们创建了一个类，并对类进行了初始化操作我们知道类有三大特性：
2020-11-27 17:54:32
423
原创 ts中的函数
ts中的函数函数的声明是通过关键字 function 声明的函数声明function lee() { console.log('乐编码')}lee()函数的参数函数的参数可以指定参数的类型function lee1(title: string) { console.log(title)}代码自行推断参数的类型function lee2(title) { console.log(<string>title)}lee2('乐编码')我们这
2020-11-27 17:53:07
589
原创 从零写一个自动生成API文档的laravel扩展包
手把手教你从零开始写一个laravel扩展包，并发布到packagist，为世界的开源世界做出你自己的贡献创建基本的目录及结构创建一个laravel项目在项目的根目录创建一个目录packages用于存储测试的扩展包，目录结果如下packages├── hanyun│ └── swagger│ └── src创建Commands目录用于生成console命令创建Controllers目录用于存储控制器创建config目录用于存储配置文件创建routes目录 用于存放.
2020-10-11 21:05:45
631
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人