美文网首页
react-navigation和Redux的集成

react-navigation和Redux的集成

作者: channelRead0 | 来源:发表于2018-05-11 15:56 被阅读0次

写在前面

先上源码,react-navigation-redux-demo,欢迎star、follow
1、通常我们这样写一个视图组件

export default class LoginScreen extends React.Component{
    render(){
        return (
            <View style={styles.container}>
              ...
            </View>
        );
    }
}

使用react-navigation之后,也可以这样写

const LoginScreen = () => (
  <View style={styles.container}>
    ...
  </View>
);
export default LoginScreen;

2、redux-thunk中间件可以让action创建函数先不返回一个action对象,而是返回一个函数。这样我们就可以在action做异步操作,如网络请求。
添加方式
yarn add redux-thunk
多个中间件添加时要这样
applyMiddleware(...[middleware,thunkMiddleware]),
正片开始。

相关文章

网友评论

      本文标题:react-navigation和Redux的集成

      本文链接:https://www.haomeiwen.com/subject/psqfdftx.html