Question

我在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>;
}

Answer 1

好的做法！取决于！

如果util函数确实需要导入react并需要组件，那么可以。

但是据我所知，函数setTableHeaders并不是一个实用工具。

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

使用React元素创建React util函数

1 个答案: