将 Redux Provider store 添加到 React 的主索引文件

iRo*_*tia 3 reactjs react-native

我正在考虑将我的直接传递给我的主index.js文件

import {AppRegistry} from 'react-native';
import App from './App';
import {name as appName} from './app.json';

AppRegistry.registerComponent(appName, () => App);
Run Code Online (Sandbox Code Playgroud)

我的意思是我知道,我们总是可以在我们的 App.js

import React from 'react';
import { StyleSheet, Text, View } from 'react-native';
import {Provider} from 'react-redux';
import Store from "./src/store.js"  
import Something from './src/container/Something.js';

export default class App extends React.Component {
  render() {
    return (
    <Provider store={Store}>
        <Something
        />     
    </Provider>
    );
  }
}
Run Code Online (Sandbox Code Playgroud)

[问题:]但我在想,如果我们能做到Index.js,如果能,那么怎么做?

Thi*_*ami 17

index.js你可以创建另一个组件包装App

import {AppRegistry} from 'react-native';
import App from './App';
import React from 'react';
import {Provider} from 'react-redux';
import Store from "./src/store.js"  
import {name as appName} from './app.json';

const Root = () => (
  <Provider store={store}>
    <App />
  </Provider>
)

AppRegistry.registerComponent(appName, () => Root);
Run Code Online (Sandbox Code Playgroud)