javascript - 如何将类方法导入 React 类

Question

这个有效:

主.jsx

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

    ComponentWillMount(){
        this.getData()
    }
}

如何从另一个文件导入和导出 getData？比如说:

helper.js 到 main.jsx 中？

Answer 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);
  }
}