为什么我一直保持此setstate不是函数?

问题描述 投票:-1回答:1

我的问题是,我不断收到错误消息“ setState不是函数”

class UserLogin extends Component {

    state = {
        fullName: '',
        password: '',

        loader: false,
        success: false,
        fail: false
    }

    // update state with input value
    handleChange = (e) => {
        this.setState({ [e.target.name]: e.target.value });
    }

    handleSubmit = (e) => {
        e.preventDefault();

        const fullName = this.state.fullName;
        const password = this.state.password;
        this.setState = ({ loader: true })

        axios.post(`https://jsonplaceholder.typicode.com/users`, { fullName, password })
            .then(res => {
                console.log(res.data);
                this.setState({ loader: false, success: true })
            })
            .catch(error => {
                console.log(error)
                this.setState({ loader: false, fail: true })
            })
    }

    render() {
        return (
            <div>
                <div>
                    <h1>Sign in</h1>

                        <input
                            name="fullName"
                            onChange={this.handleChange}
                            value={this.state.fullName}
                        />

                        <input
                            name="password"
                            onChange={this.handleChange}
                            value={this.state.password}
                        />

                    <button onClick={this.handleSubmit}>Login</button>
                </div>
            </div>
        );
    }
}

export default UserLogin;

我试图解决这个问题的方法是尝试根据此处类似的答案来绑定事物,或者添加一个构造函数,但仍然仅更新输入值,并且状态中的fail,success和loader仍然为false。

javascript reactjs
1个回答
0
投票
看起来像this.setState = ({ loader: true })应该是this.setState({ loader: true }),您正在重新分配它,因此它不再是一个函数。
© www.soinside.com 2019 - 2024. All rights reserved.