У меня возникают проблемы с TypeError: this.setstate не является функцией. Я использую реакцию для создания приложения, которое имеет вход и страницу регистрации, обе страницы имеют поля для ввода электронной почты, имени и пароля, ошибка возникает сразу при вводе значений в поля. ниже приведен пример моего кода со страницы входа, как я могу решить эту проблему, я старался изо всех сил, и, кажется, я не могу понять, что не так в моем коде, поскольку он успешно скомпилирован без каких-либо других ошибок, ожидаемых на входах . Я также не так хорош в кодировании, которое я сейчас изучаю.
`импортировать React из 'реакции';
class Signin extends React.Component {
constructor(props) {
super(props);
this.state = {
signInEmali: '',
signInPassword: '',
};
}
onEmaliChange = (Event) => {
this.setstate({ signInEmali: Event.target.value });//the error happens here
};
onPasswordChange = (Event) => {
this.setstate({ signInPassword: Event.target.value });//the error happens here
};
onSubmitSignIn = () => {
fetch('https://localhost:3001/signin', {
method: 'post',
headers: { 'content-type': 'application/json' },
body: JSON.stringify({
email: this.state.signInEmali,
password: this.state.signInPassword,
}),
})
.then((Response) => Response.json())
.then((data) => {
if (data === 'success') {
this.props.onRouteChange('home');
}
});
};
render() {
const { onRouteChange } = this.props;
return (
<article className="br3 b--black-10 mv4 w-100 w-50-m w-25-l mw6 shadow-5 center">
<main className="pa4 black-80">
<div className="measure">
<fieldset id="sign_up" className="ba b--transparent ph0 mh0">
<legend className="f1 fw6 ph0 mh0">Sign In</legend>
<div className="mt3">
<label className="db fw6 lh-copy f6" htmlFor="email-address">
Email
</label>
<input
className="pa2 input-reset ba bg-transparent hover-bg-black hover-white w-100"
type="email"
name="email-address"
id="email-address"
onChange={this.onEmaliChange}
/>
</div>
<div className="mv3">
<label className="db fw6 lh-copy f6" htmlFor="password">
Password
</label>
<input
className="b pa2 input-reset ba bg-transparent hover-bg-black hover-white w-100"
type="password"
name="password"
id="password"
onChange={this.onPasswordChange}
/>
</div>
</fieldset>
<div className="">
<input
onClick={this.onSubmitSignIn}
className="b ph3 pv2 input-reset ba b--black bg-transparent grow pointer f6 dib"
type="submit"
value="Sign in"
/>
</div>
<div className="lh-copy mt3">
<p
onClick={() => onRouteChange('register')}
className="f6 link dim black db pointer">
Register
</p>
</div>
</div>
</main>
</article>
);
}
}
export default Signin;
`