continue является зарезервированным ключевым словом в javascript.
Так что просто используйте другое имя для вашего метода.
Другая проблема заключается в том, что вы, кажется, используете синтаксис для объявления методов в классе. Поскольку теперь вы используете function, вам придется объявлять свои переменные, и при их использовании не следует использовать this.back, но back, поскольку он не является частью объекта, а является локальной переменной.
import React, { useState } from "react";
import Helmet from "react-helmet";
import "./reg-style/Credentail.css";
import "react-phone-number-input/style.css";
import PhoneInput from "react-phone-number-input";
export default function Credential() {
const alter = e => {
e.preventDefault();
this.props.nextStep();
};
const back = e => {
e.preventDefault();
this.props.prevStep();
};
const [values, handleChange] = this.props;
const [value, setValue] = useState();
return (
<div>
<Helmet>
<body className="form-bg-col" />
</Helmet>
<div className="login">
<div className="reg-container">
<button onClick={back} className="col-form-prev">
<i class="fa fa-chevron-left" />
</button>
<div className="user-detail email">
Email:
<input
onChange={handleChange("Email")}
defaultValue={values.Email}
type="email"
placeholder="Enter your Email"
/>
</div>
<div
className="user-detail"
onChange={handleChange("Phone")}
defaultValue={values.Phone}
>
Phone:
<PhoneInput
displayInitialValueAsLocalNumber
placeholder="Enter phone number"
defaultCountry="IN"
value={value}
onChange={setValue}
/>
</div>
<div className="user-detail username">
Username:
<input
onChange={handleChange("Username")}
defaultValue={values.Username}
type="text"
placeholder="Select your unique Username"
/>
</div>
<div className="user-detail password">
Password:
<input
onChange={handleChange("Password")}
defaultValue={values.Password}
type="password"
placeholder="Choose your Password"
/>
</div>
<button onClick={alter} className="col-form-next">
<i class="fa fa-chevron-right" />
</button>
</div>
</div>
</div>
);
}