خطأ this.state is undefined في React؟

أحاول تحويل مشروع React إلى ES6، ولدي مكونان: مكون أب ومكون ابن، لكن يظهر لي الخطأ التالي عند إستخدام this.state في الكود:

Uncaught TypeError: Cannot read property 'state or props' of undefined

هنا المكون الأب Parent component:

export default class Parent extends Component {
    constructor(props) {
        super(props);
        this.state = {code: ''};
    }

    setCodeChange(code) {
        this.setState({code: code});
    }


    login() {
      // هنا تحدث المشكلة نتيجة لخطأ this.state is undefined
        if (this.state.code == "") {}
    }

    render() {
        return (
            <div>
                <Child onCodeChange={this.setCodeChange} onLogin={this.login} />
            </div>
        );
    }
}

المكون الابن child component:

export default class Child extends Component {
    constructor(props) {
        super(props);
    }

    handleCodeChange(e) {
        this.props.onCodeChange(e.target.value);
    }

    login() {
        this.props.onLogin();
    }

    render() {
        return (
          <>
            <input name="code" onChange={this.handleCodeChange.bind(this)}/>
            <button id="login" onClick={this.login.bind(this)}>
          </>
        );
    }
}

Child.propTypes = {
    onCodeChange: React.PropTypes.func,
    onLogin: React.PropTypes.func
};

المشكلة تحدث عند الضغط على الزر #login