TypeError：无法读取未定义的属性（读取“设置状态”）

Question

我在努力什么？

尝试在状态中设置输入类型文本的值

到目前为止我搜索了什么？

组件

import React from 'react';

class Login extends React.Component {
    constructor(props) {
        super(props);
        this.state = {email: ""};
    }

    setEmailVal(val) {
        this.setState({email: val.currentTarget.value});
    }

    render() {
        return (
            <input type="text" onChange={this.setEmailVal} value={this.state.email} />
        );
    }    
}

export default Login;

Answer 1

如果以以下方式声明函数

    setEmailVal = val => {
        this.setState({email: val.currentTarget.value});
    }

很好用。

如果您希望以另一种（旧的，如果我没有错的话）方式来完成，那么您需要将函数绑定到子组件的类，即类中的onChange处理程序来“查看”它：

    constructor(props) {
        super(props);
        this.state = {email: ""};
        this.setEmailVal = this.setEmailVal.bind(this);
    }

        return (
            <input type="text" onChange={this.setEmailVal.bind(this)} value={this.state.email} />
        );