绿门 Green Door

有的人看不见那道门, 按部就班地生活.

有的人看见了门却看见了锁, 心安理得地生活.

有的人看见了门与锁以及瓶中的钥匙, 却没有追寻的勇气, 备受煎熬地生活….

阅读更多

react-redux 异步(redux-thunk)

缘由: 在react-redux的redux部分不支持异步代码, 当前我们其实是redux部分reducer与action-creator共同提供修改状态的方法. 异步部分在component中实现.

为了在redux中设计异步操作, 我们需要使用 redux-thunk(异步中间件)

阅读更多
react-redux

react-redux

react-redux是什么

1) 一个react插件库

2) 专门用来简化react应用中使用redux

上一篇中我们已经利用redux实现了基本的通信需求. 然而为了简化其写法.

读取数据 采用let state = this.props.store.getState();每一次读取都需要调用getState

修改数据 采用this.props.store.dispatch({type:INCREASE,data: num }) 每一次修改都需要dispatch.

我们可以通过react-redux插件来用更简单的写法更加优雅地实现上述功能.(以及解决多层传递问题)

阅读更多

export-import那些事

1. export default

1
2
export default class App extends Component {
render (){ ...
1
import App from './component/app'; //其实App不需要和export一直,import本身就默认是App导入了,此处只是自定一个引用名
阅读更多

redux 基础

1.redux是什么?

1) redux是一个独立专门用于做状态管理的JS库 (不是react插件库) 你看他的名字就没有react!

2) 它可以用在react, angular, vue等项目中, 但基本与react配合使用

3) 作用: 集中式管理react应用中多个组件共享的状态

我们目前就是’状态在哪里, 修改状态的行为就定义在哪里’, 也算是集中式管理. 但对于大型项目就很麻烦了. 思考将所有状态和方法封装在redux中, 之后传递给需要的组件.

阅读更多