Доступ к значениям состояния в реагентном компоненте

Question

Я немного новичок в реакции. В React.createclass элемент, который вы можете получить доступ к вводимое значение или любое значение состояния, такие как это

change: function(e) { 
    this.setState({author: e.target.value}); 
    }, 

Однако в React.component это не представляется возможным, так как я могу достичь подобной задачи в React .component

Благодарности

Answer 1

Если вы хотите передать методы для обработчиков событий, как этот onChange={ this.change } и использовать ES2015 классы, вы должны установить this для этих методов себе, например

class App extends React.Component { 
    constructor() { 
    super(); 
    this.state = { author: '' }; 
    this.change = this.change.bind(this); // set this for change method 
    } 

    change(e) { 
    this.setState({ author: e.target.value }); 
    } 

    render() { 
    return <input onChange={ this.change } value={ this.state.author } /> 
    } 
} 

Example