WedX - журнал о программировании и компьютерных науках

Реагировать: TypeError: this.setstate не является функцией

У меня возникают проблемы с 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;

`


  • setstate не то же самое, что setState. 22.03.2021

Ответы:


1

Просто измените setstate на setState в своем коде, и он будет работать нормально.

21.03.2021
  • Большое спасибо, я не могу поверить, что пропустил это ... действительно очень полезно 22.03.2021
  • Новые материалы

    Как проанализировать работу вашего классификатора?
    Не всегда просто знать, какие показатели использовать С развитием глубокого обучения все больше и больше людей учатся обучать свой первый классификатор. Но как только вы закончите..

    Работа с цепями Маркова, часть 4 (Машинное обучение)
    Нелинейные цепи Маркова с агрегатором и их приложения (arXiv) Автор : Бар Лайт Аннотация: Изучаются свойства подкласса случайных процессов, называемых дискретными нелинейными цепями Маркова..

    Crazy Laravel Livewire упростил мне создание электронной коммерции (панель администратора и API) [Часть 3]
    Как вы сегодня, ребята? В этой части мы создадим CRUD для данных о продукте. Думаю, в этой части я не буду слишком много делиться теорией, но чаще буду делиться своим кодом. Потому что..

    Использование машинного обучения и Python для классификации 1000 сезонов новичков MLB Hitter
    Чему может научиться машина, глядя на сезоны новичков 1000 игроков MLB? Это то, что исследует это приложение. В этом процессе мы будем использовать неконтролируемое обучение, чтобы..

    Учебные заметки: создание моего первого пакета Node.js
    Это мои обучающие заметки, когда я научился создавать свой самый первый пакет Node.js, распространяемый через npm. Оглавление Глоссарий I. Новый пакет 1.1 советы по инициализации..

    Забудьте о Matplotlib: улучшите визуализацию данных с помощью умопомрачительных функций Seaborn!
    Примечание. Эта запись в блоге предполагает базовое знакомство с Python и концепциями анализа данных. Привет, энтузиасты данных! Добро пожаловать в мой блог, где я расскажу о невероятных..

    ИИ в аэрокосмической отрасли
    Каждый полет – это шаг вперед к великой мечте. Чтобы это происходило в их собственном темпе, необходима команда астронавтов для погони за космосом и команда технического обслуживания..


    Для любых предложений по сайту: [email protected]