質問編集履歴

3

Windows, VSCode使用を追加しました。

2023/12/13 14:39

投稿

_ui_luz
_ui_luz

スコア2

test CHANGED
File without changes
test CHANGED
@@ -112,5 +112,6 @@
112
112
  ・typescript: "^4.9.5"
113
113
  ・axios: "^1.6.2",
114
114
  ・react: "^18.2.0",
115
+ ・Windows
116
+ ・VSCode使用
115
117
 
116
-

2

axiosから取得した「データ」記載を「JSONデータ」に一部修正

2023/12/13 14:24

投稿

_ui_luz
_ui_luz

スコア2

test CHANGED
File without changes
test CHANGED
@@ -7,7 +7,7 @@
7
7
 
8
8
  ### 前提
9
9
 
10
- - [ ] React(18.2.0)+TypeScriptでWebAPIからaxiosで取得したデータをstateに保持し表データとしてレンダリングしたいと考えています。
10
+ - [ ] React(18.2.0)+TypeScriptでWebAPIからaxiosで取得したJSONデータをstateに保持し表データとしてレンダリングしたいと考えています。
11
11
  - [ ] 表の描画には、react-spreadsheet-grid(2.3.1)を使用します。
12
12
  上記実現のため、ここでは一つのコンポーネントで以下を実装します。
13
13
  - [ ] useEffectによりコンポーネントの初期化時にaxiosでJSONデータを取得

1

実現したいことを少し詳しくしました

2023/12/13 14:23

投稿

_ui_luz
_ui_luz

スコア2

test CHANGED
File without changes
test CHANGED
@@ -2,8 +2,8 @@
2
2
  以下を解決したいです。
3
3
  axiosを使ったほかの表描画コンポーネントでは遭遇したことのない状況で、申し訳ありませんがご存じでしたらご教示いただけますと幸いです。
4
4
 
5
- - [ ] ビルド後にのみsetStateが動作する ←ここが特によくわからないです。
5
+ - [ ] ビルド後に1度だけsetStateが正常に動作する ←ここが特によくわからないです。
6
- - [ ] render();部分を削除してビルド→再度render();追加してビルドした後にのみ上記stateをデータとして使った表のレンダリングが動作する
6
+ - [ ] コンポーネント(JSX.Element)のrender();部分を削除してビルド→エラー→再度render();追加してビルド成功した後にのみ上記stateをデータとして使った表のレンダリングが1度だけ動作する
7
7
 
8
8
  ### 前提
9
9