質問編集履歴
2
コードの追加
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -55,6 +55,42 @@
|
|
|
55
55
|
)
|
|
56
56
|
}
|
|
57
57
|
|
|
58
|
+
|
|
59
|
+
|
|
60
|
+
export function TextInput() {
|
|
61
|
+
|
|
62
|
+
const textHooks = useTextInput();
|
|
63
|
+
return (
|
|
64
|
+
<div>
|
|
65
|
+
<Textarea
|
|
66
|
+
w="40vw"
|
|
67
|
+
placeholder="メッセージを入力してください..."
|
|
68
|
+
size="lg"
|
|
69
|
+
p={5}
|
|
70
|
+
borderRadius="2xl" // 丸みを帯びた角
|
|
71
|
+
boxShadow="md" // 中程度の影
|
|
72
|
+
borderColor="transparent" // ボーダーを透明に
|
|
73
|
+
resize="none" // リサイズ不可
|
|
74
|
+
focusBorderColor="green.500" // フォーカス時のボーダーカラー
|
|
75
|
+
bg="white" // 背景色
|
|
76
|
+
color="green.800" // テキストカラー
|
|
77
|
+
fontWeight="bold"
|
|
78
|
+
fontSize="16px" // フォントサイズ
|
|
79
|
+
lineHeight="tall" // テキストの行間
|
|
80
|
+
value={textHooks.inputText}
|
|
81
|
+
onChange={(e) => textHooks.setInputText(e.target.value)}
|
|
82
|
+
/>
|
|
83
|
+
<Flex mt="15px">
|
|
84
|
+
<TextResetButton />
|
|
85
|
+
<Spacer/>
|
|
86
|
+
<TextSubmitBtn
|
|
87
|
+
handleSubmitBtn={textHooks.handleSubmitBtn}
|
|
88
|
+
/>
|
|
89
|
+
</Flex>
|
|
90
|
+
</div>
|
|
91
|
+
)
|
|
92
|
+
}
|
|
93
|
+
|
|
58
94
|
```
|
|
59
95
|
|
|
60
96
|
### 試したこと
|
1
文章の修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
### 前提
|
|
6
6
|
|
|
7
7
|
TypeScript、Reactを使って勉強がてらwebアプリを作っています。
|
|
8
|
-
ChatGPTからの応答を画面上に表示させようとしたところ、画面に表示されませんでした。同期処理、非同期処理ができていないことは想像できるのですが、
|
|
8
|
+
ChatGPTからの応答を画面上に表示させようとしたところ、画面に表示されませんでした。同期処理、非同期処理ができていないことは想像できるのですが、画面上に表示させるためにはどうすれば良いかわかりませんでしたので、ご教示お願いいたします。
|
|
9
9
|
|
|
10
10
|
|
|
11
11
|
|