你的方法几乎正确,但仍然需要调整。问题是因为
connect
尝试查找redux存储实例,但没有该实例的引用。
连接
并将子组件包装为根组件。
import React, { Component } from 'react';
import { Provider, connect } from 'react-redux';
import { createStore, bindActionCreators } from 'redux';
import {Platform, StyleSheet, Text, View} from 'react-native';
import reducers from './reducers';
const Content = (props) => (
<View>
<Text>12345</Text>
</View>
);
const mapStateToProps = state => {
console.log(state);
};
// Use connect enhancer, when the parent is wrapped with <Provider>
const EnhancedContent = connect(mapStateToProps)(Content);
class App extends Component {
render() {
return (
<Provider store={createStore(reducers)}>
<EnhancedContent />
</Provider>
);
}
}
export default App;