回答編集履歴

1 テキスト修正

jun68ykt

jun68ykt score 8859

2018/09/30 16:10  投稿

こんにちは。
修正すべき点と修正後のコードを挙げます。
### actions/index.js
- アクションクリエータ `AddCount` の引数 count は不要なので削除
```javascript
const AddCount = () => {
 return {
   type: 'ADD_COUNT',
 }
};
export default AddCount;
```
### container/CounterContainer.js
- アクションクリエータ `AddCount` の引数 count は不要なので削除
```javascript
import { connect } from 'react-redux';
import Counter from '../components/Counter';
import AddCount from '../actions/index';
const mapStateToProps = state => {
 return {
   count: state.count,
 }
};
const mapDispatchToProps = dispatch => {
 return {
   onClick: () => {
     dispatch(AddCount())
   }
 }
};
const CounterContainer = connect(mapStateToProps, mapDispatchToProps)(Counter);
export default CounterContainer;
```
### reducers/Counter.js
- `action.count++,` としているところを `state.count + 1,` に修正
```javascript
const initialState = {
 count: 0,
};
const Counter = (state = initialState, action) => {
 switch (action.type) {
   case 'ADD_COUNT':
     return {
       count: state.count + 1,
     };
   default:
     return state;
 }
};
export default Counter;
```
上記の修正を行い、必要なファイルを適宜、補って動作確認したものを以下  
 
- [https://github.com/jun68ykt/q149258](https://github.com/jun68ykt/q149258)  
 
に上げておきました。  
 
参考になれば幸いです。

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る