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

Question

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

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

AppRegistry.registerComponent(appName, () => App);

我的意思是我知道，我们总是可以在我们的 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>
    );
  }
}

[问题:] 但我在想如果我们可以在 Index.js 中做到这一点如果是，那么如何？

Answer 1

上 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);