React-Redux：this.props.AppendCharacterは関数ではありません

Question

私はこの回答を検索しましたが、私の問題と一致するものは見つかりませんでした。 React & Reduxを使用して電卓アプリを構築しようとしていて、数字ボタンの1つをクリックすると、「this.props.AppendCharacterは関数ではありません」というエラーが表示されます

ここに私の関連コードはあります：あなたのを変更することで、あなたが必要なものを達成することができ

number_button.js

import React, {Component} from 'react'; 
import {bindActionCreators} from 'redux'; 
import {connect} from 'react-redux'; 

import AnswerScreen from '../containers/answer_screen'; 
import AppendCharacter from '../actions/index'; 

class NumberButton extends Component { 
    constructor(props) { 
     super(props); 

     this.state = { button: '' }; 
     this.clickButton = this.clickButton.bind(this); 
    }; 

    clickButton() { 
     this.props.AppendCharacter(this.props.number); 
     console.log('clicked on ', this.props.number); 
     this.setState({ button: this.props.number }); 
    } 

    render(props) { 
     return (
      <div className="number-button general-button" onClick={this.clickButton}> 
      {this.props.number} 
      </div> 
     ); 
    }; 
}; 

function mapDispatchToProps(dispatch) { 
    return bindActionCreators({ AppendCharacter }, dispatch); 
}; 

export default connect(null, mapDispatchToProps)(NumberButton); 

アクション/ index.js

export function AppendCharacter(character) { 
    return { 
     type: APPEND, 
     payload: character 
    }; 
}; 

Answer 1

他の誰かが、あなたがその機能を必要とする場合で比較検討する必要があるかもしれないので、私は、bindActionCreatorsに精通していないよ

function mapDispatchToProps(dispatch) { 
    return { 
     AppendCharacter: (character) => dispatch(AppendCharacter(character)); 
    }; 
} 

：へ。

---

サイドノート：あなたの現在のセットアップにbuttonためのコンポーネントの状態を必要とするように、それは見ていません。あなたはその計画を立てているかもしれませんが、あなたの例では未使用です。

Answer 2

const mapDispatchToProps = { 
    AnswerScreen, 
    AppendCharacter 
}; 

export default connect(null, mapDispatchToProps)(NumberButton); 

Answer 3

まあ、私はエラーが見つかりました。別のWebサイトの誰かが私を助けました。 bindActionCreatorsはうまくいきましたが、問題は、../actions/indexからAppendCharacterをインポートするときに、AppendCharacterを中括弧で囲む必要があることでした。私はそれを変更し、今、アプリが動作します。

Whew！

返信いただきありがとうございます。私はこの数日で多くを学んだ！