传递 formevent 和 index React Typescript

Posted 2023-03-16

【中文标题】传递 formevent 和 index React Typescript

【英文标题】：Passing formevent and index React Typescript

【发布时间】：2021-10-17 03:48:50

【问题描述】：

我有一个包含多个输入的表单，我试图将 formevent 和索引都传递给一个函数，以更改数组中特定索引处的对象。见下例：

const item1=
  Name:""



export default function App() 
  const [item, setItem] = useState(item1);
  const [itemList,setItemList]=useState([])
  const  Name  = itemName;
  const onChange = (e: React.ChangeEvent<htmlInputElement>) => 
    setfruit((prevState) => (
      ...prevState,
      [e.target.id]: e.target.value,
    ));
  const onSubmit =(index)=> (e: React.FormEvent<HTMLFormElement>) =>
    e.preventDefault();
    //do some action here that references index and form data;
return (
    itemList.map((item,index)=>
     <div id='submitted'>
      <form onSubmit=onSubmit>
        <label className='labels' htmlFor="Name">Name</label>
        <input type="text" id="Name" value=Name onChange=onChange />
        <Button  type="submit">Add Item</Button>
      </form>
)

如何将表单提交数据和地图函数的当前索引传递给“onSubmit”常量？我的 curried index 函数没有按预期工作。

【参考方案1】：

只需像这样在onSubmit 中添加索引：

onSubmit=onSubmit(index)