从方法中调用类

时间:2017-07-21 22:30:10

标签: javascript reactjs react-native

我正在学习反应,我正在尝试从方法中调用一个类。这是我到目前为止所得到的

class Pop extends React.Component{
  render(){
    return (
      <div>
        <button onClick={() => { this.desit("data")} }>Componant Caller</button>
      </div>
    )
  }  
  desit(data){
    <Test info={data}/> 
  }  
}

class Test extends React.Component{
  render(){
    return 
    <div>{alert(this.props.info)}</div>
  }
}

ReactDOM.render(<Pop />,document.getElementById("targ"));

请帮忙吗?

1 个答案:

答案 0 :(得分:0)

您希望在单独的类中使用方法并从Component触发它吗?

不要使用其他组件,但可以使用某种逻辑创建常规类:

class Test
{
  test() {
    alert('success!');
  }
}

在desit方法中,您现在可以调用Test.test(),如下所示:

desit() {
  var amazingTest = new Test();
  amazingTest.test();
}

您也可以使用静态方法:

class Test
{
  static test() {
    alert('success!');
  }
}

// and the desit method:
desit() {
  Test.test();
}