我可以从componentDidMount调用onChange事件吗?>

问题描述 投票:1回答:2

在我的React应用中,我有以下代码:

...
handleChange(event) {

    let chunkedText = []
    this.setState({value: event.target.value});
    let text = event.target.value

   ...

    //store the text in local storage with the key 'tweet'
    window.localStorage.setItem('tweet', text);

   ...

  componentDidMount() {
    //once the component loads check local storage and update the value if it exists
    if(window.localStorage.getItem('tweet')) {
      this.setState({value: window.localStorage.getItem('tweet')});
    }
  }

  render() {
    return (
      <div>
        <form>
          <label>
            <textarea
              placeholder="Begin typing your tweet here..."
              rows="14" cols="50" value={this.state.value}
              onChange={this.handleChange}
            />
          </label>
        </form>
        {this.state.length > 0 ? <span>{this.state.length} Chars || {this.state.count} Tweets</span> : ''}
      </div>
    );
  }
}

注意componentDidMount中,我们正在从本地存储和设置状态中提取一些文本。理想的是在此之后(在componentDidMount中),我想运行handleChange。什么是正确的方法?

在我的React应用程序中,我有以下代码:... handleChange(event){let chunkedText = [] this.setState({value:event.target.value}); let text = event.target.value ... // store ...

reactjs
2个回答
2
投票

我将代码更改为这样的内容:


0
投票

很难说出我们可以看到的部分代码。但是IMO我们正在尝试做类似的事情

© www.soinside.com 2019 - 2024. All rights reserved.