React 中的函数未定义错误

debugcn 发表于 Dev

杰戈拉亚

我正在尝试从 componentDidMount 调用一个函数，该函数设置状态但不断遇到错误

Uncaught ReferenceError: setPanelState is not defined

下面是代码...

export default class Patient extends React.Component {
  constructor(props) {
    super(props);
    autoBind(this);

    this.state = {
     PATIENT: [],
     COMPPROPS: [],
    };

    this.setPanelState = this.setPanelState.bind(this);
  }

    setPanelState(activity) {
          this.setState({COMPPROPS: [{compName:'Overview', compState:'Edit'}]});
    }

    componentDidMount() {   
       //handles chat commands and if the command is update patient the Overview panel should change to editable
       this.directLine.activity$
        .filter(function (activity) {
          return activity.type === 'event' && activity.value === 'Update Patient';
       })
       .subscribe(function (activity) {
         setPanelState(activity);   
       })
  }

我曾尝试使 setPanelState 成为类之外的一个函数，而不是一个方法，但我在那里也遇到了错误。

有什么想法吗？

若昂·库尼亚

由于您使用的是 ES6 类，我假设您已经设置好了。

使用自动绑定this 的箭头函数

要了解有关箭头函数的更多信息，请参阅此

.subscribe((activity) => {
    this.setPanelState(activity);   
})

您的组件将如下所示：

 export default class Patient extends React.Component {
  constructor(props) {
    super(props);
    autoBind(this);

    this.state = {
     PATIENT: [],
     COMPPROPS: [],
    };

    this.setPanelState = this.setPanelState.bind(this);
  }

    setPanelState(activity) {
          this.setState({COMPPROPS: [{compName:'Overview', compState:'Edit'}]});
    }

    componentDidMount() {   
       //handles chat commands and if the command is update patient the Overview panel should change to editable
       this.directLine.activity$
        .filter((activity) => {
          return activity.type === 'event' && activity.value === 'Update Patient';
       })
       .subscribe((activity) => {
         this.setPanelState(activity);   
       })
  }

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。