function - ReactJs 全局辅助函数

Question

问题: 我有很多小的辅助函数，它们不一定需要存在于组件中(或者也许它们可以，但它们会使该组件因大量代码而变得臃肿)。我懒惰的一面只是想让这些全部都存在组件可以调用的某种全局函数。我真的很想编写好的 ReactJs 代码。

问题: Reactjs 中全局辅助函数的最佳实践是什么？我应该强制它们进入某种组件还是只是将它们插入其他组件？

基本示例:

function helperfunction1(a, b) {
    //does some work
    return someValue;
}

function helperfunction2(c, d) {
    //does some work
    return someOtherValue;
}

function helperfunction3(e, f) {
    //does some work
    return anotherValue;
}

function helperfunction4(a, c) {
    //does some work
    return someValueAgain;
}


var SomeComponent =
    React.createClass({

        //Has bunch of methods

        //Uses some helper functions

        render: function () {

        }

    });

var SomeOtherComponent =
    React.createClass({

        //Has bunch of methods

        //Uses some helper functions

        render: function () {

        }

    });

Answer 1

您可以从一个文件导出多个函数，本身不需要 React:

Helpers.js:

export function plus(a, b) {
  return a + b;
}

export function minus(a, b) {
  return a - b;
}

export function multiply(a, b) {
  return a * b;
}

export function divide(a, b) {
  return a / b;
}

然后您可以导入您需要的函数:

import { multiply, divide } from './Helpers'