2 回答
TA贡献2080条经验 获得超4个赞
由于空字符串("")与null不同,所以nameValue 只能为 null 一次,而一旦nameValue更改,它将始终是一个字符串。
const [nameValue, setNameValue] = useState(null);
return (
<div className="App">
<input
id="outlined-read-only-input"
label="Display Name"
variant="outlined"
value={nameValue !== null ? nameValue : name || ""}
onChange={(e) => setNameValue(e.target.value)}
onBlur={() => setName({ variables: { name: nameValue } })}
/>
</div>
);
TA贡献1827条经验 获得超9个赞
您可以将状态设置为默认名称道具(来自 graphQL)。
const [nameValue, setNameValue] = useState(name);
return (
<div className="App">
<input
id="outlined-read-only-input"
label="Display Name"
variant="outlined"
value={nameValue}
onChange={(e) => setNameValue(e.target.value)}
onBlur={() => setName({ variables: { name: nameValue } })}
/>
</div>
);
添加回答
举报