@anys/is-empty-react-node

一个用于检查React节点是否为空的实用工具函数。

安装

推荐使用pnpm安装：

pnpm add @anys/is-empty-react-node

也可以使用其他包管理工具：

npm install @anys/is-empty-react-node
# 或
yarn add @anys/is-empty-react-node

使用方法

import { isEmptyReactNode } from '@anys/is-empty-react-node';
import React from 'react';

function Example() {
  const emptyNode = null;
  const textNode = 'Hello';
  const emptyArray = [];
  const emptyFragment = <></>;
  const emptyDiv = <div />;
  const divWithContent = <div>Content</div>;

  console.log(isEmptyReactNode(emptyNode)); // true
  console.log(isEmptyReactNode(textNode)); // false
  console.log(isEmptyReactNode(emptyArray)); // true
  console.log(isEmptyReactNode(emptyFragment)); // true
  console.log(isEmptyReactNode(emptyDiv)); // true
  console.log(isEmptyReactNode(divWithContent)); // false

  return <div>Example</div>;
}

API

isEmptyReactNode(node: React.ReactNode): boolean

检查React节点是否为空。

参数

node: React节点，可以是任何有效的React节点类型。

返回值

boolean: 如果节点为空则返回true，否则返回false。

空节点的定义

以下情况被视为空节点：

null
undefined
false
空数组 []
所有子元素都为空的数组
没有子元素的React Fragment <></>
没有子元素的React元素 <div />

许可证

MIT