小编Aka*_*rma的帖子

在react-navigation中使用react-redux connect方法显示错误“路由'x'的组件必须是React组件

我正在使用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)

react-native redux react-redux react-navigation

1
推荐指数
1
解决办法
880
查看次数