Reactjs 使用react元素创建react util函数

我在react应用程序中创建了一些util函数。我将它们组织在几个文件中，并在common.js文件中插入了这些函数。我想知道我是否做得对。在创建util函数时，从“React”导入React并使用React元素，这是一种好做法吗？或者，util函数不应该包含元素

import React from 'react';

export const isEmpty = value => { 
   return (
      value === undefined ||
      value === null ||
      (typeof value === 'object' && Object.keys(value).length === 0) ||
      (typeof value === 'string' && value.trim().length === 0)
   );
}

export const setTableHeaders = headers => {
   const columnNames = headers.map(header => { 
      return <th key={header}>{header}</th>;
   });

   return <tr>{columnNames}</tr>;
}

---

好习惯！看情况

如果util函数确实需要导入react并需要组件，那么是的

但就我所知，setTableHeaders函数并不是一个真正的util函数

---

因此，最好理解函数是否真的是util函数之间的区别。

从技术上讲，setTableHeaders在代码中不是util，而是功能组件。但是，是否要使用utils文件处理和返回React元素完全取决于您，并且没有任何问题。顺便说一句，最近我一直看到分配给常量的箭头函数，而不是函数声明，这种样式来自何处？它取决于项目的大小、复杂性和预期寿命，但我想说的是，每次使用React时，我通常都会仔细地尝试编写React组件，比如setTableHeader。React引入了一个非常简单的界面，为什么不尽可能多地使用它呢？简而言之，大多数需要导入的东西。。。from“react”本身应该是一个组件。