Question

以下是在redux提供程序中包装堆栈导航器的代码

import React, { Component } from 'react';
import WelcomePage from './components/welcomePage';
import Register from './components/register';
import { StackNavigator } from 'react-navigation'
import {
  Platform,
  StyleSheet,
  Text,
  View
} from 'react-native';
import { Provider,connect } from 'react-redux';
import { store } from './store/store';

const mapStateToProps=state => {
    return state;
}
const mapDispatchToProps=dispatch => {
    return bindActionCreators(Actions, dispatch);
}

const handleSubmit=values=> {
  console.log(values);
}
const Navigationapp=StackNavigator({welcome:{screen:WelcomePage},register:{screen:props=><Register {...props} handleSubmit={handleSubmit}>}});
const Container = connect(mapStateToProps,mapDispatchToProps)(Navigationapp);
export default class App extends Component{
    render(){
        return (<Provider store={store}>
                     <Container/>
            </Provider>)
    }
};

但显示以下错误

error: bundling failed: SyntaxError in C:\wamp64\www\rnativeTestProj\App.js: C:/wamp64/www/rnativeTestProj/App.js: Unexpected token, expected } (42:12)
  40 | const Container = connect(mapStateToProps,mapDispatchToProps)(Navigationapp);
  41 | export default class App extends Component{
> 42 |     render(){
     |             ^
  43 |         return (<Provider store={store}>
  44 |                      <Container/>
  45 |             </Provider>)
 BUNDLE  [android, dev] ./index.js ░░░░░░░░░░░░░░░░ 0.0% (0/1), failed.

我缺少什么？将堆栈导航器包装在redux-provider中的正确方法是什么？

Answer 1

screen:props=><Register {...props} handleSubmit={handleSubmit}>

你输了一个斜线，它应该是<Register />。

无法在react-native中将stack navigator包装在redux-provider中

1 个答案: