javascript - React - 如何访问渲染中 componentdidmount 中分配的变量

Question

我有以下代码可以从 Window 中拉入一个对象，并希望在渲染时使用它。

我得到的 comeponentData 的值在控制台中未定义。我如何访问该值？

class MobileBanner extends React.PureComponent {

componentDidMount(){
let banner = window.something.banner
this.setState({
  componentData: banner
})
}

render () {
const componentData =
  typeof dhome === 'undefined' || isEmpty(dhome)
    ? 'undefined'
    : this.state.componentData
  }
}

Answer 1

您需要在构造函数中设置一个默认值。

class MobileBanner extends React.PureComponent {
  constructor() {
    super();

    this.state = {
      componentData: ''
    };
  }

componentDidMount(){
  let banner = window.something.banner
  this.setState({
    componentData: banner
  })
}

render () {
  const componentData =
    typeof dhome === 'undefined' || isEmpty(dhome)
      ? 'undefined'
      : this.state.componentData
  }
}

了解有关构造函数的更多信息 https://reactjs.org/docs/react-component.html#constructor