相关疑难解决方法(0)

React:如果输入值按状态改变,则触发onChange?

编辑:我不想只在单击按钮时调用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'))
Run Code Online (Sandbox Code Playgroud)

这是codepen链接:http://codepen.io/madhurgarg71/pen/qrbLjp

javascript reactjs

29
推荐指数
4
解决办法
10万
查看次数

标签 统计

javascript ×1

reactjs ×1