![](/img/trans.png)
[英]How maltiple value using usestate localstorage in react?
[英]how to get the value of two p tag in react using useState in ReactJs
我試圖同時獲取兩個 p 標簽的值,以將這些值推送到后端。
我的 useState 聲明const [isOffer, setIsOffer] = useState({ contractorName: "", newOffer: "" });
const handleChange = (e) => {
const { name, value } = e.target;`
setIsOffer({
...isOffer,
[name]: value,
});
};
我如何處理表單提交
const handleFormSubmit = async (event) => {
event.preventDefault();
try {
await approveOffer({
variables: {isOffer, projectId },
});
} catch (err) {
console.log(err);
}
};
<form className="flex-row justify-center justify-space-between-md align-stretch"
onSubmit={handleFormSubmit}>
<p
className="card-body"
name="contractorName"
value={offer.ContractorName}
onClick={handleChange}
>
Offer By:{offer.ContractorName}
</p>
<p name="newOffer"
value={offer.newOffer}
onClick={handleChange}
>
The Offer Value:{offer.newOffer}{" "}
</p>
<button className="btn d-block w-100" type="submit">
</form>
您將用以下代碼替換 handleChange 代碼:
現存的:
const { name, value } = e.target;
代替:
const name = e.target.getAttribute('name');
const value = e.target.getAttribute('value');
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.