Question

我开始使用react-native（我来自react-js），我试图使用路由器和redux实现我的第一个小应用程序，就像我在Web开发中一样与reactjs。

但我遇到了一个问题，我无法修复它。

所以我就是这样：

Index.ios.js

import React, { Component } from 'react';
import { AppRegistry, StyleSheet, Text, View } from 'react-native';
import { Provider } from 'react-redux'
import { NavBar, Route, Router, Schema, TabBar, TabRoute } from 'react-native-router-redux';

import configureStore from './src/store/configureStore'
const store = configureStore()

import Index from './src/components/index'

class ole extends Component {
  render() {
    return (
        <Provider store={store}>
        <Router initial="index">
        <Route name="index" component={Index} />
        </Router>
        </Provider>
      )
  }
}

AppRegistry.registerComponent('ole', () => ole);

存储/ configureStore.js

import { createStore, applyMiddleware } from 'redux'
import promise from 'redux-promise'
import reducer from '../reducers'

export default function configureStore(initialState){
    const store = createStore(
        reducer,
        applyMiddleware(promise)
    )
    return store
}

减速器/ index.js

import { combineReducers } from 'redux'

const INITIAL_STATE = {
    test: [],
    errors: undefined
}

initTestReducer = (state = INITIAL_STATE, action) => {
    return state
}

export default combineReducers({
    test: initTestReducer
})

如果完全相同，我在iOS上的模拟器中收到此错误：

超级表达式必须为null或函数，而不是未定义

但如果我的index.ios.js看起来像那样，那就完美了：

import React, { Component } from 'react';
import { AppRegistry, StyleSheet, Text, View } from 'react-native';
import { Provider } from 'react-redux'
import { NavBar, Route, Router, Schema, TabBar, TabRoute } from 'react-native-router-redux';

import configureStore from './src/store/configureStore'
const store = configureStore()

import Index from './src/components/index'

class ole extends Component {
  render() {
    return (
        <Provider store={store}>
        <Index />
        </Provider>
      )
  }
}

AppRegistry.registerComponent('ole', () => ole);

错误来自路由器

得到一个想法？

非常感谢：）

使用react-router和redux on react-native的方法

0 个答案: