按回车后转到功能React问题

问题描述

我不明白为什么按Enter键不能使我输入此功能。 我应该怎么写？

其他onClick事件可以正常工作，但是当我尝试以这种方式进行操作时，它将无法正常工作。

我该如何解决这个问题？

 handleFormSubmit = (variant) => (e) => {
    e.preventDefault();

    const { activeStep, email } = this.state;
    if (activeStep === 4 && email === '') {
      document.getElementsByTagName('input').email.value = '';
      this.setState({
        error: <FormattedMessage {...messages.inputEmailAddressEmpty} />,
      });
      return;
    }

    this.Auth.isEmail(this.state.email).then((res) => {
      if (!res.isEmail) {
        this.Auth.register(
          this.state.login,
          this.state.password,
          this.state.name,
          this.state.surname,
          this.state.email,
        )
          .then((register) => {
            if (!register.error) {
              this.setState({
                activeStep: activeStep + 1,
              });

              this.props.enqueueSnackbar(<FormattedMessage {...messages.succesCreated} />, {
                variant,
              });
              this.props.history.replace('/login');
            } else {
              this.setState({
                error: <FormattedMessage {...messages.invalidEmail} />,
              });

            }
          })
          .catch(() => {
            this.setState({
              error: <FormattedMessage {...messages.errorServer} />,
            });
          });
      } else {
        this.setState({
          error: <FormattedMessage {...messages.existAccountWithSameEmail} />,
        });
      }
    });
  };

...


     <Fragment>
        <div className={classes.textField}><FormattedMessage {...messages.emailAddress} /></div>

        <FormattedMessage {...messages.inputEmail}>
          {(placeholder) => (
            <input
              key={5}
              className={classNames(classes.formItem, {
                [classes.formError]: error,
              })}
              placeholder={placeholder}
              name="email"
              type="text"
              onChange={this.handleChange}
              onKeyPress={(ev) => {
                if (ev.key === 'Enter') {
                  ev.preventDefault();
                  this.handleFormSubmit('success');
                }
              }}
            />
          )}
        </FormattedMessage>

        {error ? <div className={classes.textError}>{error}</div> : null}
      </Fragment>

我不明白为什么按Enter键不能使我输入此功能。 我应该怎么写？

其他onClick事件可以正常工作，但是当我尝试以这种方式进行操作时，它将无法正常工作。

我该如何解决这个问题？

使用ev.which或ev.keycode == 13