Изменить: Я не хочу вызывать handleChange только в том случае, если нажата кнопка. Это не имеет никакого отношения к handleClick. Я привел пример в комментарии к комментарию @shubhakhatri.
Я хочу изменить входное значение в соответствии с состоянием, значение меняется, но оно не вызывает метод handleChange()
. Как я могу вызвать метод handleChange()
?
class App extends React.Component {
constructor(props) {
super(props)
this.state = {
value: 'random text'
}
}
handleChange (e) {
console.log('handle change called')
}
handleClick () {
this.setState({value: 'another random text'})
}
render () {
return (
<div>
<input value={this.state.value} onChange={this.handleChange}/>
<button onClick={this.handleClick.bind(this)}>Change Input</button>
</div>
)
}
}
ReactDOM.render(<App />, document.getElementById('app'))
Вот ссылка codepen: http://codepen.io/madhurgarg71/pen/qrbLjp