[解決済み] React native reduxのreducerで配列に要素を追加するにはどうすればいいですか?
2022-04-21 17:15:43
質問
配列に要素を追加する方法
arr[]
をReduceすることができますか?
私はこうしています
import {ADD_ITEM} from '../Actions/UserActions'
const initialUserState = {
arr:[]
}
export default function userState(state = initialUserState, action)
{
console.log(arr);
switch (action.type)
{
case ADD_ITEM:
return {
...state,
arr: state.arr.push([action.newItem])
}
default:
return state
}
}
解決方法は?
この質問は露出が多いので。
この質問の答えを探している人は、かなりの確率で あなたは非常に古いReduxチュートリアルに沿っている .
公式の推奨(2019年以降)は 公式のRedux Toolkitを使ってモダンなReduxのコードを書こう .
特に、文字列のアクション定数をなくし、アクションクリエイターを生成してくれるようになるのです。
で作成したReducersに変異ロジックを書くだけのメソッドも採用される予定です。
createReducer
または
createSlice
ということで
最近のReduxでは、Reducersにimmutableなコードを書く必要はありません。
そもそも
に従ってください。 Redux公式チュートリアル Redux Toolkitをどのように使用するかは、サードパーティのチュートリアルの代わりに、常に最新の情報を得ることができます。
比較のために、モダンなReduxでは次のようになります。
const userSlice = createSlice({
name: "user",
initialState: {
arr:[]
},
reducers: {
// no ACTION_TYPES, this will internally create a type "user/addItem" that you will never use by hand. You will only see it in the devTools
addItem(state, action) {
// you can use mutable logic in createSlice reducers
state.arr.push(action.payload)
}
}
})
// autogenerated action creators
export const { addItem } = slice.actions;
// and export the final reducer
export default slice.reducer;
関連
-
npm ERR! cb() never called!
-
[解決済み] Reduxのアクションをタイムアウトでディスパッチする方法とは?
-
[解決済み] React NativeとReactの違いは何ですか?
-
[解決済み】react-nativeで環境変数を設定する?
-
[解決済み】react nativeでボタンを無効化する。
-
[解決済み] react nativeでパスワード入力用のTextInputをスタイルする方法
-
[解決済み] CocoaPods は、ポッド "ReactCommon/jscallinvoker" の互換性のあるバージョンを見つけられませんでした。
-
[解決済み] React Nativeで水平罫線を描く
-
[解決済み] ES6、インポートモジュールを一行でエクスポートするには?
-
[解決済み] react nativeでテキストを縦書き(90度回転)させるには?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
React-NativeにおけるイベントリスナーDeviceEventEmitter
-
[解決済み】react-nativeで環境変数を設定する?
-
[解決済み] 基本的なFlatListのコードで警告を投げる - React Native
-
[解決済み] React Nativeで<Text>フィールドの単一単語を太字または斜体にする
-
[解決済み] react nativeでパスワード入力用のTextInputをスタイルする方法
-
[解決済み] React Nativeで水平罫線を描く
-
[解決済み] react-native run-ios` は、Error を返します。iPhone X シミュレータが見つかりません
-
[解決済み] 数字しか受け付けないReact NativeのTextInput
-
[解決済み] React Nativeでデフォルトのフォントファミリーを設定するには?
-
[解決済み] React Nativeの画面幅