javascript - 应该如何在 React 类中编写函数？

Question

我正在尝试改编来自 a SO answer 的代码, 函数和变量如下:

const getIntervals = n=> availability=> {
}

let availability = [
]

那些通常可以在 react 类中使用(见下文)还是需要重写？

class Calendar extends React.Component {}

问的原因是我使用了 React 实现 for Rails并确实得到一个错误，包括该函数和变量命名模式。

Answer 1

纯函数，它不修改传递的值，在任何地方都可以使用。

直接在 React 类中使用它们也很好，但是像字符串修改、数组排序算法这样的常用函数，你在你的应用程序和类中经常使用它们应该放在一个单独的模块中，比如

// my-helpers.js

export const countKeysInObject = (data) => {
  if (typeof data !== "object" || Array.isArray(data)) return 0;

  Object.keys(data).length;
}

一些其他文件..

import { countKeysInObject } form 'my-helpers'
// And you can use it everywhere..