Reactでの入力データ表示時の変更
入力欄に数値を入力するものとします。入力された数値が入力欄に入力されるにつれて、段落にその数値の二乗が表示されるようにしてみましょう:
function App() {
const [value, setValue] = useState(0);
function handleChange(event) {
setValue(event.target.value);
}
return <div>
<input value={value} onChange={handleChange} />
<p>{value ** 2}</p>
</div>;
}
入力欄と段落があります。入力欄にテキストを入力すると、段落に入力欄に入力された文字数が表示されるようにしてください。