リアクション使用reducex動作しません自分のモジュール

Question

これは私のutilモジュールで、reduxアクションを使用すると動作しません。

import {openloading} from '../actions/loading' 
export default function (e) { 
    openloading(e.font); 
} 

しかし、私の中

は、それ自体は名前与えられた皮肉である何をやるん

Answer 1

アクション動作しコンポーネントを反応させます。行動は、起こることと状態がどのように変化するかを記述するだけです。これらの命令がレデューサーにディスパッチされると、実際に変更が発生します。 Paulが言ったように、あなたは発送方法にアクセスする必要があります。

通常、コンポーネント内からutilモジュール関数を呼び出しています。この場合、ディスパッチメソッドをパラメータとして渡すことができます。

import { openloading } from '../actions/openloading' 

export const myFn = (e, dispatch) => { 
    dispatch(openloading(e.font)) 
} 

あなたのコンポーネントがそうのようReduxのまで配線されるはずです：発送はmapDispatchToPropsで小道具としてコンポーネントに渡さなっていることを

import React from 'react' 
import { connect } from 'react-redux' 
import { myFn } from 'somewhere' 

const myComponent = ({ dispatch }) => { 

    myFn(e, dispatch) 

    return (
    <div> 
     { ...whatever } 
    </div> 
) 
} 

const mapStateToProps = (state) => { 
    return { ...stuff } 
} 

const mapDispatchToProps = (dispatch) => { 
    return { 
    dispatch: dispatch 
    } 
} 

export default connect(mapStateToProps, mapDispatchToProps)(myComponent) 

注意。