返回一个适用于 React 18 和 React 19 的 React inert prop 值。

React 19 将 inert 视为布尔属性。React 18 不识别 inert，会忽略 inert={ true }，因此该 prop 必须是字符串 'true'。此包返回当前运行的 React 版本会渲染为 inert HTML 属性的值。

安装

安装该模块

npm install @wordpress/react-inert-value --save

用法

inertValue

import { inertValue } from '@wordpress/react-inert-value';

<div inert={ inertValue( true ) } />;

API

inertValue

返回一个用于 inert prop 的值，当前运行的 React 版本会将其渲染为 inert HTML 属性。

React 19 将 inert 作为布尔属性处理，而 React 18 不识别 inert，会忽略 inert={ true }，因此必须改为传入字符串 'true'。

返回类型描述了 React 19 的类型所接受的内容。React 18 完全不支持 inert HTML 属性，因此 TypeScript 调用处仍然需要 @ts-expect-error 注解。

灵感来自 Base UI 库中的同名辅助函数。

参数

  • value boolean：inert prop 的布尔值。

返回值

  • boolean | undefined：要传递给 inert prop 的实际值。

参与贡献此软件包

这是一个独立软件包，是 Gutenberg 项目的一部分。该项目以 monorepo 形式组织。它由多个自包含的软件包组成，每个软件包都有特定用途。此 monorepo 中的软件包发布到 npm，并被 WordPress 以及其他软件项目使用。

如需了解更多关于参与贡献此软件包或整个 Gutenberg 项目的信息，请阅读项目的主 贡献者指南。