回答編集履歴
1
バリデーションされないロジックについて追記
test
CHANGED
|
@@ -123,3 +123,45 @@
|
|
|
123
123
|
export default Form;
|
|
124
124
|
|
|
125
125
|
```
|
|
126
|
+
|
|
127
|
+
|
|
128
|
+
|
|
129
|
+
追記
|
|
130
|
+
|
|
131
|
+
|
|
132
|
+
|
|
133
|
+
eventハンドラ関数の中を呼ばれたタイミングでは変数が更新されていないため1回遅れています。
|
|
134
|
+
|
|
135
|
+
|
|
136
|
+
|
|
137
|
+
```
|
|
138
|
+
|
|
139
|
+
const newPass = e.target.value
|
|
140
|
+
|
|
141
|
+
if (str.test(newPass) === false || newPass.length < 7) {
|
|
142
|
+
|
|
143
|
+
```
|
|
144
|
+
|
|
145
|
+
とするか
|
|
146
|
+
|
|
147
|
+
|
|
148
|
+
|
|
149
|
+
または
|
|
150
|
+
|
|
151
|
+
|
|
152
|
+
|
|
153
|
+
```
|
|
154
|
+
|
|
155
|
+
useEffect(() => {
|
|
156
|
+
|
|
157
|
+
if (str.test(pass) === false || pass.length < 7) {
|
|
158
|
+
|
|
159
|
+
// ...
|
|
160
|
+
|
|
161
|
+
}, [pass])
|
|
162
|
+
|
|
163
|
+
```
|
|
164
|
+
|
|
165
|
+
|
|
166
|
+
|
|
167
|
+
というふうに useEffect 内でバリデーションするかに変えてみてください。
|