関数定義されていないエラーが

Question

私はアクションファイル内の1つの機能を持っており、それを呼び出している間、機能のためにその与えるエラーが定義されていないパラメータを持つcomponenentファイルからそれを呼び出す必要がありますが

コンポーネントのコードをreactjs：

handleClick(e){ 

     addinput({input1:this.refs.inp1.value,input2:this.refs.inp2.value}) // This function I have defined in action file 

     } 

アクションファイルのコード：

export function addinput(myval1) { 
return { 
    type: 'ADD_INPUT', 
    payload: myval1 
}; 
} 

私が間違ってここにやっていただきました私は、コンソールにエラーを下回る

Uncaught ReferenceError: addinput is not defined 

を取得しています！あなたがする必要がどのような

Answer 1

は

import {addinput} from './path/to/action' 

のようなコンポーネントでアクションファイルから関数をインポートすると私はあなたが接続してbindActionCreators機能

と小道具にアクションをバインドすることができ、あなたのusiongの再来を想定しています

import {connect} from 'react-redux' 
import {bindActionCreators} from 'redux' 

... 

class MyComponentName extends React.Component{ 

    handleClick = (e) => { 
     this.props.addinput({input1:this.refs.inp1.value,input2:this.refs.inp2.value}) 

     } 
} 

function mapDispatchToProps(dispatch){ 
    return bindActionCreators({addInput}, dispatch) 
} 
export default connect(null, mapDispatchToProps)(MyComponentName)