将redux与aws-appsync集成

时间:2018-07-17 10:18:32

标签: react-native redux react-redux react-native-android aws-appsync

有什么方法可以将redux与react-native中的aws-appsync集成吗? 如果可以的话,您可以给我提示或线索吗?我很难集成它。先感谢您。

1 个答案:

答案 0 :(得分:0)

我认为您应该能够连接自己的redux存储,如其文档中所述。基本上创建您自己的文件,并使用connect(mapStateToProps, mapDispatchToProps)中的react-redux连接您的组件。

const MyComponent = props => <h1>HI!</h1>
const ReduxConnected = connect(mapStateToProps, mapDispatchToProps)(MyComponent)
const GraphQLConnected = graphql(gql`query { hi }`)(ReduxConnected)

然后在应用程序的根目录具有

import AWSAppSyncClient from "aws-appsync";
import { Provider as ReduxProvider } from 'react-redux'
import { graphql, ApolloProvider } from 'react-apollo';
import { Rehydrated } from 'aws-appsync-react';
import { createStore } from 'redux'


const client = new AWSAppSyncClient({...})
const store = createStore({...})

const ConnectedApp = () => 
  <ApolloProvider client={client}>
    <Rehydrated>
      <ReduxProvider store={store}>
        <App />
      </ReduxProvider>
    </Rehydrated>
  </ApolloProvider>

我还没有机会尝试这种设置,但是我会尽快进行,并将根据发现进行修改。同时,这里的链接显示了如何使用AppSync构建完整的RN应用,该应用使用MobX而不是Redux(https://github.com/dabit3/heard),这也可能是一个不错的起点。