-1
で減速を実装するとき、私は一口を使用して自分のアプリケーションをビルドすると、がぶ飲みは私に構文エラー与え続け:構文エラー:予期しないトークンReduxの
SyntaxError: /Users/USER/Documents/portfolio_projects/USER_PROJECT/PROJECT/src/main/webapp/src/reducers/AuthorizationReducer.js:
Unexpected token (12:4) while parsing file: /Users/USER/Documents/portfolio_projects/USER_PROJECT/PROJECT/src/main/webapp/src/reducers/AuthorizationReducer.js]
pos: 261,
loc: { line: 12, column: 4 }
AuthorizationReducer.js:
import ActionType from '../actions/ActionType';
const defaultState = {
signedIn: false,
isAuthorizing: false
}
const AuthorizationReducer = (state = defaultState, action) => {
switch(action.type) {
case ActionType.Authorization.REQUEST:
return {
...state,
isAuthorizing: true
};
case ActionType.Authorization.SUCCESS:
return {
...state,
signedIn: true,
isAuthorizing: false
};
case ActionType.Authorization.FAILURE:
return {
...state,
signedIn: false,
isAuthorizing: false
};
}
return state;
}
export default AuthorizationReducer;
ActionType.jsを
const ActionType = {
Authorization: {
REQUEST: '',
SUCCESS: '',
FAILURE: ''
}
}
const ActionTypeHax: any = ActionType;
Object.keys(ActionTypeHax).forEach(category => {
Object.keys(ActionTypeHax[category]).forEach(actionType => {
ActionTypeHax[category][actionType] = category + '.' + actionType;
});
});
module.export = ActionType;
ここで何が間違っているのか分かりません。私がここでの構文を理解できる限り、減速機を実装するのは正しいです。
これは、私がトランスペラレータを構成しなかったのに役立ちましたが、代わりに 'Object.assign()'メソッドを使用しました。 – hellomoto
ええ、Babelは '... someObject'を' Object.assign({}、someObject) 'に変換するので、うまくいきます。オブジェクトスプレッドを使用することに疲れた場合、特にネストされたデータの場合は、https://github.com/markerikson/redux-ecosystem-links/blob/master/immutable-dataに多くの不変の更新ユーティリティライブラリのリストがあります.md。 dot-prop-immutable libはうまくいくようですが、選択肢はたくさんあります。 – markerikson