按鈕類型=“通過onClick提交”

Question

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>

Answer 1

如果您使用的是Formik，則可以將handleSubmit傳遞給按鈕onClick，並在回調onSubmit中使用您的代碼和邏輯

<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>