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 河内 真吾 (全て見る)

• SimpleDateFormatの罠 - 2024年3月11日
• ふるさと納税制度見直し - 2024年2月8日
• 減価償却にも色々なやり方があります - 2024年1月26日