在componentDidMount中创建的访问变量

Question

我有一个我正在创建的变量,我componentDidMount()希望它可用componentDidUpdate().有什么想法吗？代码如下所示:

class Example extends Component {
  componentDidMount() {
    const myVariable = 'this thing';
  }

  componentDidUpdate() {
    // I'd like my variable to be accessible here
    console.log(myVariable);
  }

  render() {...}
}

Answer 1

然后将其保存到组件中.

componentDidMount() {
    this.myVariable = 'this thing';
}

componentDidUpdate() {
    // I'd like my variable to be accessible here
    console.log(this.myVariable);
}

此外,正如@Gosha Arinich所指出的那样 - 请注意,如果您计划在整个组件的生命周期中重复使用此变量并更新它和/或进行渲染,则最好将其置于state组件(this.state)中.