質問編集履歴
6
コードの追加
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -241,3 +241,37 @@
|
|
|
241
241
|
|
|
242
242
|
|
|
243
243
|
|
|
244
|
+
|
|
245
|
+
|
|
246
|
+
|
|
247
|
+
### 結果
|
|
248
|
+
|
|
249
|
+
```typescript
|
|
250
|
+
|
|
251
|
+
const instance = axios.create({
|
|
252
|
+
|
|
253
|
+
baseURL: process.env.NEXT_PUBLIC_API_BASE_URL,
|
|
254
|
+
|
|
255
|
+
});
|
|
256
|
+
|
|
257
|
+
|
|
258
|
+
|
|
259
|
+
instance.interceptors.request.use((config) => {
|
|
260
|
+
|
|
261
|
+
const token = localStorage.getItem("token");
|
|
262
|
+
|
|
263
|
+
config.headers = Object.assign(
|
|
264
|
+
|
|
265
|
+
{ Authorization: `Bearer ${token}` },
|
|
266
|
+
|
|
267
|
+
config.headers
|
|
268
|
+
|
|
269
|
+
);
|
|
270
|
+
|
|
271
|
+
return config;
|
|
272
|
+
|
|
273
|
+
});
|
|
274
|
+
|
|
275
|
+
```
|
|
276
|
+
|
|
277
|
+
上のようにaxiosインスタンスに関数を登録するように変更したところ、異常な関数実行はなくなりました。
|
5
画像の追加
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -237,3 +237,7 @@
|
|
|
237
237
|
|
|
238
238
|
|
|
239
239
|
```
|
|
240
|
+
|
|
241
|
+
|
|
242
|
+
|
|
243
|
+
|
4
コードの追加
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -213,3 +213,27 @@
|
|
|
213
213
|
|
|
214
214
|
|
|
215
215
|
```
|
|
216
|
+
|
|
217
|
+
|
|
218
|
+
|
|
219
|
+
```typescript
|
|
220
|
+
|
|
221
|
+
// useEffectAsync.ts
|
|
222
|
+
|
|
223
|
+
import { useEffect, DependencyList } from "react";
|
|
224
|
+
|
|
225
|
+
|
|
226
|
+
|
|
227
|
+
export const useEffectAsync = (effect: () => any, deps?: DependencyList) => {
|
|
228
|
+
|
|
229
|
+
useEffect(() => {
|
|
230
|
+
|
|
231
|
+
effect();
|
|
232
|
+
|
|
233
|
+
}, deps);
|
|
234
|
+
|
|
235
|
+
};
|
|
236
|
+
|
|
237
|
+
|
|
238
|
+
|
|
239
|
+
```
|
3
コードの追加
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -158,6 +158,8 @@
|
|
|
158
158
|
|
|
159
159
|
const Index: NextPage<Props> = ({ registeredTags }) => {
|
|
160
160
|
|
|
161
|
+
const [addedTags, setAddedTags] = useState<string[]>([]);
|
|
162
|
+
|
|
161
163
|
const { quotes, loading } = useQuotes(addedTags);
|
|
162
164
|
|
|
163
165
|
const { user, loading: userLoading } = useAuth();
|
2
表現の修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
ローカルストレージからトークンを取得してaxiosクライアントのリクエストヘッダに含める処理をカスタムフックで行なっているのですが、リクエストヘッダの設定処理が１回のページアクセスで200回から300回ほど行われて
|
|
1
|
+
ローカルストレージからトークンを取得してaxiosクライアントのリクエストヘッダに含める処理をカスタムフックで行なっているのですが、リクエストヘッダの設定処理が１回のページアクセスで200回から300回ほど行われてしまいます。
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
1
表現の修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
ローカルストレージからトークンを取得してaxiosクライアントのリクエストヘッダに含める処理をカスタムフックで行なっているのですが、リクエストヘッダの設定処理が１回のページアクセスで200回から300回ほど行われています。
|
|
1
|
+
ローカルストレージからトークンを取得してaxiosクライアントのリクエストヘッダに含める処理をカスタムフックで行なっているのですが、リクエストヘッダの設定処理が１回のページアクセスで200回から300回ほど行われていしまいます。
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|