Question

我试图从类外调用函数并更新类的状态。这是正确的方法吗？

    function  myFunc() {
       this.Test("test")
    }

    class Notification extends Component {

      constructor(props) {
        super(props);
        this.state = {
            demoState:''
        };
      }

      Test(data){

       this.setState({
           demoState:data 
         })
      }

      render(){
         return(<div/>)
      }
}

Answer 1

您的示例中未提供函数用法。

这是正确的方式，这就是最有效的方法。但是不要使用this参数取笑react.js - 只需将参数传递给myFunc

Answer 2

是将matrices参数传递给myFunc。

this

然后从类中调用myFunc，如下所示：

function  myFunc(this /* <----- */) {
   this.Test("test")
}

Answer 3

可能是，您需要传递该类的对象来更改状态。看看myFunc＆amp; Notification.Test函数更改。

function myFunc() {
  let notification = new Notification({});
  notification.Test("test");
  console.log(notification.state);
}

class Notification extends Component {

  constructor(props) {
    super(props);
    this.state = {
      demoState: ''
    };
  }

  Test(data) {

    this.state = {
      demoState: data
    };
  }

  render() {
    return ('<div/>')
  }
}

可以从外部类调用类函数

3 个答案: