[英]how to get the value of two p tag in react using useState in ReactJs
I'm trying to get the value of two p tags at the same time to push those values to the backend.我试图同时获取两个 p 标签的值,以将这些值推送到后端。
my useState declaration const [isOffer, setIsOffer] = useState({ contractorName: "", newOffer: "" });
我的 useState 声明
const [isOffer, setIsOffer] = useState({ contractorName: "", newOffer: "" });
const handleChange = (e) => {
const { name, value } = e.target;`
setIsOffer({
...isOffer,
[name]: value,
});
};
how I handle the form submission我如何处理表单提交
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>
you will replace the handleChange code with the below code:您将用以下代码替换 handleChange 代码:
Existing:现存的:
const { name, value } = e.target;
Replace:代替:
const name = e.target.getAttribute('name');
const value = e.target.getAttribute('value');
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.