Javascript 如何从<；李>；在react.js中单击submit按钮时标记并将其传递给firestore

我从firebase调用数据，并使用line标记进行渲染。但是我还必须通过添加相同的数据，同时添加很少的额外数据。如何从line标记传递数据

这是我的密码

  const [itemname, setItemName] = useState([]); // here my use state context 

  const addItemName = (e) => {
    setItemName(e.target.value);
  };
const submitHandler = (e) => {
    e.preventDefault();
    db.collection("bookings")
      .add({
        itemname
      })
.then(() => {
       
        setItemName("");
        
        alert("Form submitted");
      });
  };
   
 **here my form**
<form onSubmit={submitHandler}>
  <li
     value={itemname}
     onClick={addItemName}
   >
   {details.name} // the data i'm displaying on <li> tag
  </li>
    <button type="submit">submit</button>
</form>

const[itemname，setItemName]=useState（[]）；//这里是我的使用状态上下文
常量addItemName=（e）=>{
setItemName（如target.value）；
};
常量submitHandler=（e）=>{
e、 预防默认值（）；
db.收款（“预订”）
.添加({
项目名称
})
.然后（（）=>{
setItemName（“”）；
警报（“提交的表格”）；
});
};
**这是我的表格**

{details.name}//我在
标记上显示的数据

提交

setItemName（（prev）=>[…prev，e.target.value]）；