質問編集履歴

2

タイトル変更

2021/07/18 12:51

投稿

Tlexxxxxx
Tlexxxxxx

スコア15

test CHANGED
@@ -1 +1 @@
1
- react-hook-form を使った値の受け渡しについて
1
+ Reactコンポーネント間の値の受け渡しについて
test CHANGED
File without changes

1

文の修正

2021/07/18 12:50

投稿

Tlexxxxxx
Tlexxxxxx

スコア15

test CHANGED
File without changes
test CHANGED
@@ -104,29 +104,17 @@
104
104
 
105
105
  return (
106
106
 
107
- <form className="pt-16 md:pt-32" onSubmit={handleSubmit(onSubmit)}>
107
+ <form onSubmit={handleSubmit(onSubmit)}>
108
-
108
+
109
- <div
109
+ <div>
110
-
110
+
111
- className="
111
+ <div>
112
-
113
- border-b
114
-
115
- flex
116
-
117
- flex-col
118
-
119
- "
120
-
121
- >
122
-
123
- <div className="flex">
124
112
 
125
113
  <FormTitle title="お名前" text="*" />
126
114
 
127
115
  {errors.name && (
128
116
 
129
- <span className="font-bold text-xs text-red-500">
117
+ <span>
130
118
 
131
119
  お名前を入力してください
132
120
 
@@ -138,8 +126,6 @@
138
126
 
139
127
  <input
140
128
 
141
- className="bg-gray p-2"
142
-
143
129
  id="name"
144
130
 
145
131
  name="name"
@@ -154,14 +140,12 @@
154
140
 
155
141
 
156
142
 
143
+ <div>
144
+
157
- <div className="pt-24 text-center">
145
+ <button type="submit">
158
-
159
- <button className="contact_link_a" type="submit">
160
146
 
161
147
  内容を確認する
162
148
 
163
- <FontAwesomeIcon className="ml-6" icon={faChevronRight} />
164
-
165
149
  </button>
166
150
 
167
151
  </div>
@@ -198,21 +182,13 @@
198
182
 
199
183
  return (
200
184
 
201
- <div className="pt-12">
185
+ <div>
202
-
186
+
203
- <div className="">
187
+ <p>お名前</p>
204
-
205
- <div className="flex flex-col pt-12">
188
+
206
-
207
- <p className="font-bold pb-2 text-lg">お名前</p>
208
-
209
- <p>{data.name}</p>
189
+ <p>{data.name}</p>
210
-
190
+
211
- {/*↑ここにはおそらく空のオブジェクトが入ってる */}
191
+ {/*↑ここにはおそらく空のオブジェクトが入ってる */}
212
-
213
- </div>
214
-
215
- </div>
216
192
 
217
193
  </div>
218
194
 
@@ -238,10 +214,6 @@
238
214
 
239
215
 
240
216
 
241
- ここに問題に対して試したことを記載してください。
242
-
243
-
244
-
245
217
  ### 補足情報(FW/ツールのバージョンなど)
246
218
 
247
219
  Next.js