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 () {

        }

    });

原文由 Nick Pineda 发布，翻译遵循 CC BY-SA 4.0 许可协议

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'

原文由 Michiel 发布，翻译遵循 CC BY-SA 4.0 许可协议