Вопрос по reactjs, bind, this, javascript – React.js - «это» не определено даже после привязки

2

Я пытаюсь пойматьпо изменению событие ввода и вызоваSetState с новым значением, но как только я введу ввод, я получу:

Uncaught TypeError: Cannot read property 'setState' of undefined

Хотя я звонил

 this.handleChange.bind(this)

в конструкторе

index.js

import React  from 'react'
import * as ReactDOM from "react-dom";
import App from './App'

ReactDOM.render(
    <App />,
    document.getElementById('root')
);

App.js

import * as React from "react";
export default class App extends React.Component {
    constructor(props) {
        super(props)
        this.handleChange.bind(this)
        this.state = {contents: 'initialContent'}
    }


    handleChange(event) {
       this.setState({contents: event.target.value})
    }


    render() {
        return (
            <div>
                Contents = {this.state.contents}
                <input type="text" onChange={this.handleChange}/>
            </div>
        );
    }
}

Ваш Ответ

1   ответ
9

приписыватьthis.handleChange.bind(this)(привязывать - возвращает новую ссылку на функцию) чтобыthis.handleChange., так какthis.handleChange должны ссылаться на новую функцию, которая возвращает.bind

constructor(props) {
  super(props)
  this.handleChange = this.handleChange.bind(this)
  this.state = {contents: 'initialContent'}
}

Похожие вопросы