function exec() {
let text = “”;

const textChange = (e) => {
text = e.target.value;
};

return (
<p>値→{text}</p>
<input type=”text” value={text} onChange={textChange} />
);
}

↑上だとテキスト入力が反映されない。

useStateを使うことで解決。

import { useState } from “react”;

function exec() {
const [text, setVal] = useState(“”);

const textChange = (e) => setVal(e.target.value);

return (
<p>値→{text}</p>
<input type=”text” value={text} onChange={textChange} />
);
}

The following two tabs change content below.

• この記事を書いた人
• 最新の記事

河内 真吾

最新記事 by 河内 真吾 (全て見る)

• 企業年金のススメ - 2024年10月11日
• DyanmoDBの検索の仕方に注意 - 2024年9月2日
• prisma clientの日付型問題に悩む - 2024年8月9日