Javascript 按钮类型='；提交'；一丝不苟

将首先运行哪个函数，

submit

或

onClick

？或者它们会同时运行

在我的程序中，函数先运行

onClick

，然后再运行

onSubmit

。但为什么总是这样呢

<Form onSubmit={handleSubmit}>
    <Form.Field>
        <label>Enter new password:</label>
        <input 
            type="text"
            name= 'newPassword'
            onChange={handleOnChange} 
            placeholder='New Password' 
            required
            />
    </Form.Field>
    <Button type='submit' onClick={handleClick}>Submit</Button>
</Form>

输入新密码：
提交

如果您使用的是formik，您可以在单击按钮时将handleSubmit传递给您的按钮，并在Submit的回调中使用您的代码和逻辑

<Form onSubmit={(values) => yourHandleSubmitMethod(values)}>
    <Form.Field>
        <label>Enter new password:</label>
        <input 
            type="text"
            name= 'newPassword'
            onChange={handleOnChange} 
            placeholder='New Password' 
            required
            />
    </Form.Field>
    <Button type='submit' onClick={handleSubmit}>Submit</Button>
</Form>

yourHandleSubmitMethod（值）}>
输入新密码：
提交

把它想象成一棵树。单击按钮时，按钮中的onclick是树的树桩，它首先运行。然后它开始向外移动，再往树上爬，树干就在上面了，然后它就跑了。这就是为什么首先运行onclick。我的意思是在单击之后，表单被提交。如果click是触发后一个事件提交的前一个事件，那么首先触发click事件是否合乎逻辑？主持人似乎合乎逻辑。我还有一个问题：函数是否会一个接一个地触发，或者可能会出现handleOnClick函数在handleOnSubmit后完成的情况？尝试在内部运行一个长循环

handleClick

和

返回false在末尾。另请阅读有关
事件.preventDefault（）
PS:您需要使用
@
通知我们。你也应该在新的帖子中提出新的问题。