如何在 ReactJs 中使用 useState 获取两个 p 标签的值

Question

我试图同时获取两个 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>

Answer 1

您将用以下代码替换 handleChange 代码：

现存的：

const { name, value } = e.target;

代替：

const name = e.target.getAttribute('name');
const value =  e.target.getAttribute('value');