ReduxでTypeスクリプトを適用中に発生したエラー
1522 ワード
問題の状況
したがって,
ただ単にこのタイプの不一致があっただけで、このReducerが提供する状態が間違って何も使えなかった経験がありました.
もう少し具体的に問題の状況を見る.
idには
パラメータを見ると
->タイプが一致したらすぐに解決します.△最初にエラーを検索するのに時間がかかります.
に感銘を与える
うるさいし、うるさいですが、私はもう
const rootReducer: Reducer<CombinedState<{
todoReducer: never;
}>, ActionType>
継続して使用したいtodoReducer
で提供されるタイプがnever
になったため、todoReducer
で管理されている状態で何も使用できないエラーが発生しました.したがって,
todoReducer
のreducer関数内部では,誤った設定データがあるか,誤ったタッチタイプがあるか,マウスカーソルが1つ1つ上に移動し,探索の過程でactionコンストラクション関数でパラメータとして受け入れるタイプ値と設定したtodoReducer
のstate typeとは異なるものが見つかった.ただ単にこのタイプの不一致があっただけで、このReducerが提供する状態が間違って何も使えなかった経験がありました.
もう少し具体的に問題の状況を見る.
type StateType = {
id: string;
todos: TodoType;
}[];
todoReducerのstateタイプ.idには
string
タイプと書かれており、action
によって生成された関数によって伝達されるpayload
はnumber
に生成される.export const addCardAction = (id: number) => {
return {
type: ADD_CARD,
payload: { id: id },
};
};
上のコードはアクションジェネレータ関数です.パラメータを見ると
number
が得られたが、StateTypeのidはstring
であったため、得られた結果に誤りが生じた.->タイプが一致したらすぐに解決します.△最初にエラーを検索するのに時間がかかります.
に感銘を与える
typescript
を使用すると少し面倒ですが、コード自体がより安全で予測可能になります.うるさいし、うるさいですが、私はもう
typescript
に慣れていると思います.Reference
この問題について(ReduxでTypeスクリプトを適用中に発生したエラー), 我々は、より多くの情報をここで見つけました https://velog.io/@yjs3819/Redux에서-Typescript-적용도중-발생한-에러テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol