店舗を別のページに接続できません

Question

私はReduxを使い慣れていないので、間違っていることがわかりません。私は、最初のページに働くカウンタを使用しています

最初のページ：

'use strict'; 

import React, {Component} from 'react'; 
import {bindActionCreators} from 'redux'; 
import Counter from '../components/counter'; 
import * as counterActions from '../actions/counterActions'; 
import { connect } from 'react-redux'; 
import { Router, Scene, Route, ActionConst } from 'react-native-router-flux'; 

import Home from './Home'; 


class Routing extends Component { 
    constructor(props) { 
    super(props); 
    } 

    componentDidMount(){ 
    const { state, actions } = this.props; 
    console.log(state.count); //This returns 0 just like it's supposed to 
    } 

    render() { 
    return (
     <Router> 
     <Scene hideNavBar="true" key="root"> 
      <Scene counter={state.count} key="home" component={Home} initial={true} animation="false" duration='0' /> 
     </Scene> 
     </Router> 
    ) 
    } 
} 

export default connect(state => ({ 
    state: state.counter 
    }), 
    (dispatch) => ({ 
    actions: bindActionCreators(counterActions, dispatch) 
    }) 
)(Routing); 

ホームページ：

import React, { Component } from 'react'; 
import { Text } from 'react-native'; 
import { Actions } from 'react-native-router-flux'; 
import { connect } from 'react-redux'; 
import * as counterActions from '../actions/counterActions'; 
import {bindActionCreators} from 'redux'; 



export default class Home extends Component { 
    constructor(props) { 
    super(props); 

    this.state = {}; 
    } 


    render() { 
    const { state, actions } = this.props; 
    return (
     <Text> 
      {state.counter} 
     </Text> 
    ) 
    } 
} 


export default connect(state => ({ 
    state: state.counter 
    }), 
    (dispatch) => ({ 
    actions: bindActionCreators(counterActions, dispatch) 
    }) 
)(Home); 

ホーム・ページに接続するには私にエラーをスローFailed to execute 'importScripts' on 'WorkerGlobalScope'

私はシーンを使用しているので、React Native Router Fluxと関係があると思っていましたが、ホームページにストアを接続しようとすると発生します。

Answer 1

コードのためのいくつかのポインタ。

1. Homeコンポーネント用の2つのexport default Sは現在ありません。ファイルごとに1つのデフォルトエクスポートのみが許可されます。あなたはconnect()の結果を公開するので、

   export default class Home extends Component {

   へ

   class Home extends Component {変更されます。

2. constはブロックスコープであるため、現在のブロック内にのみ存在します。 stateとactionsをRoutingのcomponentDidMountに定義すると、renderの内部では使用できません。ただ、Routingコンポーネントのrenderメソッドの内部でそれらの定義を移動します。

   render() { 
       const { state, actions } = this.props; 
   
       return (
       <Router> 
        <Scene hideNavBar="true" key="root"> 
        <Scene counter={state.count} key="home" component={Home} initial={true} animation="false" duration='0' /> 
        </Scene> 
       </Router> 
   ) 
   }