Only one Field exists, press 'enter' trigger submit

for example,

<form className={styles.wrapper} onSubmit={handleSubmit(this.handleSubmit)}> 
   <Field ............................................. >
</form>

tag, press ‘enter’ resulting execute this.handleSubmit but when more than one Field component exist, press ‘enter’ not fire this.handleSubmit

is it possible disable ‘enter’ for submit when one Field exists?

i saw the same issue, but can’t find answer

• i’m using redux-form 6.5.0 version

[musbaig]

@highalps One way to disable submitting the form on enter and instead have changes to the field trigger the submit is as follows:

<form className={styles.wrapper} onSubmit={this.props.handleSubmit(() => {})}> 
   <Field ............................................. >
</form>

Then, the Field can use onChange to submit data. I recommend adding the no-op empty function to handleSubmit in case the form uses the onSubmit prop to trigger actions.

[OKNoah]

@highalps I believe you can put a hidden <button> 😃