2023/7/28
teratail でやれ
テキストボックスに入力した名前をボタンを押したタイミングで表示したいのですが、これよりスマートな書き方ありますか？
import React, { useState } from "react";
const Parent = () => {
return (
<>
<Child />
</>
)
};
const Child = () => {
const [name, setName] = useState("");
const [displayedName, setDisplayedName] = useState("");
const inputChangeHandler = (e) => {
setName(e.target.value);
}
const clickHandler = () => {
setDisplayedName(name);
};
return (
<>
<h3>名前を入力してね</h3>
<input type="text" onChange={inputChangeHandler}></input>
<button onClick={clickHandler}>名前を入力したら押してね</button>
{displayedName && <p>入力した名前: {displayedName}</p>}
</>
)
};
export default Parent;