javascript - React `this.property` 在渲染中未定义？

Question

为什么 this.test 未定义？我记录 this 它确实具有测试属性和值。我很困惑。

class Todo extends Component {
  componentDidMount() {
    this.test = 123;
  }

  render() {
    console.log(this); //is has test as object
    console.log(this.test);
    return <div>{this.test}</div>;
  }
}

https://codesandbox.io/s/8k7m05o5pl

Answer 1

您应该阅读 React 组件生命周期 here .

componentDidMount()在组件渲染后调用，因此在 render() 内函数将是 undefined 。尝试做 constructor() 中的作业函数或调用 this.setState()里面componentDidMount()这将调用render()再次运行。