Reactでカウンターアプリを作っているのですが、カウンターをクリックしたら本来なら+1されるところがNot a Number
のエラーが出ます。
コードは下記の通りになります。
よろしくお願いします。
container/CounterContainer.js
import { connect } from 'react-redux'; import React from 'react'; import Counter from '../components/Counter'; import AddCount from '../actions/index'; export const mapStateToProps = state => { return { count: state.count, } }; export const mapDispatchToProps = dispatch => { return { onClick: (count) => { dispatch(AddCount(count)) } } } const CounterContainer = connect(mapStateToProps, mapDispatchToProps)(Counter); export default CounterContainer;
components/Counter.js
import React from 'react'; import './Counter.css'; export default class Counter extends React.Component { render() { console.log(this.props.count) return ( <div className="box" onClick={() => this.props.onClick()} > {this.props.count} </div> ); } };
reducers/Counter.js
const initialState = { count: 0, }; const Counter = (state = initialState, action) => { switch (action.type) { case 'ADD_COUNT': return { count: action.count++, } default: return state }; }; export default Counter;
actions/index.js
const AddCount = (count) => { return { type: 'ADD_COUNT', count, } }; export default AddCount;
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2018/09/30 04:22