# @carbon-labs/react-whats-new 中文文档

规范地址：https://npmcn.com/package/%40carbon-labs/react-whats-new/

版本：0\.28\.0
npm 元数据更新时间：2026-08-21T15:34:48.014Z
中文译文更新时间：2026-11-09T05:14:32.617Z
软件包许可：Apache-2\.0

本文由上游 README 翻译，可能存在偏差，请结合原文核对 API、命令与配置。版权与许可归原作者所有。

原始 npm 页面：https://www.npmjs.com/package/%40carbon-labs/react-whats-new
原文对照：https://npmcn.com/package/%40carbon-labs/react-whats-new/?lang=original
项目主页：https://github.com/carbon-design-system/carbon-labs#readme
源码仓库：https://github.com/carbon-design-system/carbon-labs

## 关键信息（来自 npm 元数据）

- 包体积（解压后）：225 kB，76 个文件
- 模块格式：ESM + CJS
- TypeScript 类型：包内自带
- 运行依赖：2 个
- peer 依赖：@carbon/ibm-products ^2\.76\.0
- 首次发布：2025-03-10T21:00:31.861Z
- 最新版本发布：2026-06-02T10:53:32.421Z
- 近 30 天下载量：8483（2026-10-09 至 2026-11-07，npm 官方下载统计）
- 已发布版本数：27（近 12 个月 11 个）

## 中文简介

碳实验室-什么是新的

## 安装

```sh
npm install @carbon-labs/react-whats-new
```

也可以使用：`pnpm add @carbon-labs/react-whats-new`、`yarn add @carbon-labs/react-whats-new`、`bun add @carbon-labs/react-whats-new`

## README

# @ 碳- labs/ react- whats- new

![License](https://img.shields.io/github/license/carbon-design-system/carbon-labs)

这个 `@carbon-labs/react-whats-new` 软件包中包含“What's 新的模式。 新模式由IBM的碳组成 产品泪水表组件、若干碳组件和图标以及 的组件。 以下构成部分由下列单位提供: `@carbon-labs/react-whats-new`数字 :

**目标 :**

-   `Toc`
-   `TocList`
-   `TocItem`
-   `TocSections`
-   `TocSection`

**泡点:**

-   `Bubble`
-   `BubbleHeader`

**视图图 :**

-   `ViewStack`
-   `View`

## 开始

要安装 `@carbon-labs/react-whats-new` 在您的项目中, 您需要运行 以下命令使用 [无](https://www.npmjs.com/)数字 :

```bash
npm install -S @carbon/react @carbon/ibm-products @carbon-labs/react-whats-new
```

如果你喜欢 [雅伦](https://yarnpkg.com/en/),使用以下命令 相反:

```bash
yarn add @carbon/react @carbon/ibm-products @carbon-labs/react-whats-new
```

## 使用量

要使用此软件包, 您需要从两者导入组件 `@carbon/react`, (中文(简体) ), `@carbon/ibm-products` 财务报告和审定财务报表 `@carbon-labs/react-whats-new` 改为 作"什么是新图案".

```jsx
import React, { useCallback, useRef, useState } from 'react';

import {
  Toc,
  TocList,
  TocItem,
  TocSections,
  TocSection,
  Bubble,
  BubbleHeader,
  ViewStack,
  View,
} from '@carbon-labs/react-whats-new/es/index';
import { Tearsheet } from '@carbon/ibm-products';

function App() {
  return (
    <>
      {/* Tier 2 - release notification pattern */}
      <Bubble>
        <BubbleHeader>...</BubbleHeader>
        <ViewStack>
          <View>...</View>
        </ViewStack>
        ...
      </Bubble>

      {/* Tier 1 - what's new center pattern */}
      <Toc ref={tocRef}>
        <Tearsheet
          influencer={
            <TocList>
              <TocItem>Feature 1</TocItem>
              <TocItem>Feature 2</TocItem>
            </TocList>
          }>
          <TocSections threshold={0.2}>
            <TocSection as="div">...</TocSection>
            ...
          </TocSections>
        </Tearsheet>
      </Toc>
    </>
  );
}

export default App;
```

### 常设委员会

导入样式从 `@carbon/react`, (中文(简体) ), `@carbon/ibm-products` 财务报告和审定财务报表 `@carbon-labs/react-whats-new` 在样式表中:

```scss
@use '@carbon/react' with (
  $font-path: '@ibm/plex'
);
@use '@carbon/ibm-products/scss/components/Tearsheet';
@use '@carbon-labs/react-whats-new/scss/whats-new';
```

### 故事书

您可以探索可用的组件, 查看不同的配置选项, 学会如何编曲 [故事书](https://labs.carbondesignsystem.com/?path=/docs/components-whatsnew--overview)。 。 。 .

## 捐款

想要为 `@carbon-labs`通过碳实验室读取 [捐款款次](https://pages.github.ibm.com/carbon/ibm-products/contributing/carbon-labs/#carbon-labs-in-code) 在潜入开发者指南之前:

-   [开发者指南](https://github.com/carbon-design-system/carbon-labs/blob/main/docs/developing.md)

## QQ 更改日志

见最新更新和版本历史 [更改日志](https://github.com/carbon-design-system/carbon-labs/blob/main/packages/react/src/components/WhatsNew/CHANGELOG.md)。 。 。 .

## 许可证

凭 [Apache 2.0 许可证](https://github.com/carbon-design-system/carbon-labs/blob/main/LICENSE)。 。 。 .

## ![IBM Telemetry](https://raw.githubusercontent.com/ibm-telemetry/telemetry-js/main/docs/images/ibm-telemetry-light.svg) IBM 遥测

本套件使用 IBM 遥测来收集去识别和匿名的度量衡 数据。 通过安装此包作为依赖, 您同意远程测量 藏书。 选择退出,看 [选择退出IBM遥测数据收集](https://github.com/ibm-telemetry/telemetry-js/tree/main#opting-out-of-ibm-telemetry-data-collection)。 。 。 . 有关所收集数据的更多信息,请参见: [IBM 遥测文档](https://github.com/ibm-telemetry/telemetry-js/tree/main#ibm-telemetry-collection-basics)。 。 。 .

## 常见问题

### @carbon-labs/react-whats-new 是什么？

碳实验室-什么是新的

### 如何安装 @carbon-labs/react-whats-new？

在项目目录运行 npm install @carbon-labs/react-whats-new，或使用 pnpm add / yarn add / bun add。它还需要宿主项目提供 peer 依赖：@carbon/ibm-products（^2\.76\.0）。npm 7 及以上与 pnpm 8 及以上默认会自动安装必需的 peer 依赖，Yarn 需要手动安装。

### @carbon-labs/react-whats-new 支持 TypeScript 吗？

支持。包内自带 TypeScript 类型声明（package\.json 声明了 types 入口），安装后即可获得类型提示，无需再安装 @types 包。

### @carbon-labs/react-whats-new 支持 ESM 还是 CommonJS？

同时提供 ES Module 与 CommonJS 入口，import 和 require\(\) 都可以使用，打包工具会自动选择合适的版本。

### @carbon-labs/react-whats-new 可以商用吗？

@carbon-labs/react-whats-new 使用 Apache-2\.0 许可。宽松许可：允许商业使用、修改和再分发，并附带明确的专利授权；分发时需保留许可与 NOTICE 文件，修改过的文件要注明改动。以上为概括，不构成法律意见，请以许可原文为准。

### @carbon-labs/react-whats-new 的下载量有多少？

根据 npm 官方下载统计，@carbon-labs/react-whats-new 在 2026/10/09 – 2026/11/07 这 30 天内被下载 8,483 次，日均约 283 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。

### @carbon-labs/react-whats-new 还在维护吗？

最新版本 0\.28\.0 发布于 2026/06/02（5 个月前）；至今共发布 27 个版本，其中过去 12 个月发布了 11 个；首次发布于 2025/03/11。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。