<body>
<form>
<textarea rows="10" cols="20" wrap="logical"></textarea>
</form>
</body>
</html>
import React, { useState } from "react";
function PasswordUpdate() {
const [password, setPassword] = useState("");
const [disabled, setDisabled] = useState(false);
const handleChange = ({ target: { value } }) => setPassword(value);
const handleSubmit = async (event) => {
setDisabled(true);
event.preventDefault();
if (password.length < 8) {
alert("8자의 이상의 비밀번호를 사용하셔야 합니다.");
} else {
await new Promise((r) => setTimeout(r, 1000));
alert(`변경된 비밀번호: ${password}`);
}
setDisabled(false);
};
return (
<form onSubmit={handleSubmit}>
<input type="password" value={password} onChange={handleChange} />
<button type="submit" disabled={disabled}>
비밀번호 변경
</button>
</form>
);
}