我正在使用react-redux将redux连接到我的react-native项目,但是当我使用export default connect(state => ({ count: state.count }))(Test)
method和import来反应react导航时,如图creactStackNavigator({test:Test})所示
The component for route 'test' must be a React component
import MyScreen from './MyScreen';
...
test: MyScreen,
}
Run Code Online (Sandbox Code Playgroud)
但是当我删除connect()方法时,它工作得很好
环境:
"react":16.8.4
"react-native":0.59.4
"react-redux": "7.0.2",
"redux": "4.0.1",
"react-navigation": "2.18.2",
Run Code Online (Sandbox Code Playgroud)
Test.js
import React, { Component } from 'react';
import { Text, View,Button} from 'react-native';
import {connect} from 'react-redux';
class Test extends Component {
render() {
return (
<View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
<Text>count:{this.props.count}</Text>
<Button …Run Code Online (Sandbox Code Playgroud)