質問編集履歴
1
store, actionの該当ソースコードを追記
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -126,6 +126,39 @@
|
|
|
126
126
|
export default Home;
|
|
127
127
|
```
|
|
128
128
|
|
|
129
|
+
**store**
|
|
130
|
+
```
|
|
131
|
+
export const store = configureStore({
|
|
132
|
+
reducer: {
|
|
133
|
+
user: userReducer,
|
|
134
|
+
},
|
|
135
|
+
});
|
|
136
|
+
```
|
|
137
|
+
|
|
138
|
+
**action**
|
|
139
|
+
```
|
|
140
|
+
export const userSlice = createSlice({
|
|
141
|
+
name: 'user',
|
|
142
|
+
initialState:{
|
|
143
|
+
user: {uid:"", displayName: ""},
|
|
144
|
+
},
|
|
145
|
+
reducers: {
|
|
146
|
+
login: (state, action) => {
|
|
147
|
+
state.user = action.payload;
|
|
148
|
+
},
|
|
149
|
+
logout: (state) => {
|
|
150
|
+
state.user = {uid:"", displayName: ""};
|
|
151
|
+
},
|
|
152
|
+
//USER型のオブジェクトをreact componentからdispatchする際に受け取る
|
|
153
|
+
updateUserProfile: (state, action: PayloadAction<USER>) => {
|
|
154
|
+
//payload/displayNameをRedux/userステート/displayName属性に更新
|
|
155
|
+
state.user.displayName = action.payload.displayName;
|
|
156
|
+
state.user.photoUrl = action.payload.photoUrl;
|
|
157
|
+
},
|
|
158
|
+
},
|
|
159
|
+
});
|
|
160
|
+
```
|
|
161
|
+
|
|
129
162
|
### 試したこと
|
|
130
163
|
エラー内容から、Provider内にコンポーネントを格納する必要があるとのことですが、
|
|
131
164
|
具体的な手順が不明で手が付けられないです。
|