我有一个表单与hiddeninput称为campaingid通过外部脚本从URL参数接收数据。
查看输入代码:
<Input name="campaignid" type="hidden" onChange={e => setCampaignid(e.target.value)} />
它工作得很好…
value字段正确填写URL参数。我的问题在以下步骤激增…当我提交表单时，campaingid值消失了。
查看我的变量状态:
const [campaignid, setCampaignid] = useState('')
当我提交表单时，它在campaigning处检索空白数据
我认为onChange事件的用法有错误。Idk…
有人能帮帮我吗?
完整代码:https://github.com/stridesdigital/ac-chakraUI-angelina-cortinas/blob/main/src/components/Forms/heroform.tsx
将submit函数移至useState函数下方
钩子的第一条规则:
只在顶层调用钩子https://reactjs.org/docs/hooks-rules.html only-call-hooks-at-the-top-level
同样，如果它不起作用，那么在useCallback中包装submit参考:https://reactjs.org/docs/hooks-reference.html usecallback