如何将类方法导入React类

时间:2018-05-05 17:22:20

标签: javascript reactjs

这有效:

main.jsx

class Sample extends React.Component {
    getData(){
    }    

    ComponentWillMount(){
        this.getData()
    }
}

如何从其他文件导入和导出getData?比方说,例如:

helper.js进入main.jsx?

1 个答案:

答案 0 :(得分:1)

Colin和Roy With Silver Wings都说实话。

在helper.js中,您可以导出常量,辅助方法等:

export const getData() {
  return [1, 2, 3];
}

export const multiplier = 4;

然后,在你的main.jsx:

import (getData, multiplier} from "path/to/helper.js";

class Sample extends React.Component {

  componentWillMount(){
    var myData = Object.assign({}, getData());
    my newData = myData.map(function(x) { return x * multiplier; });
    console.log("multiples:", newData);
  }
}