# @coopdigital/react 中文文档

规范地址：https://npmcn.com/package/%40coopdigital/react/

版本：1\.32\.5
npm 元数据更新时间：2026-11-10T10:04:44.737Z
中文译文更新时间：2026-11-10T19:45:42.018Z
软件包许可：MIT

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

原始 npm 页面：https://www.npmjs.com/package/%40coopdigital/react
原文对照：https://npmcn.com/package/%40coopdigital/react/?lang=original

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

- 包体积（解压后）：684 kB，630 个文件
- 模块格式：ES Module
- TypeScript 类型：包内自带
- 运行依赖：8 个
- peer 依赖：react 19\.x，react-dom 19\.x，@types/react 19\.x，@types/react-dom 19\.x
- 首次发布：2025-02-06T16:49:31.060Z
- 最新版本发布：2026-11-10T10:04:44.541Z
- 近 30 天下载量：3141（2026-10-11 至 2026-11-09，npm 官方下载统计）
- 已发布版本数：177（近 12 个月 100 个）

## 中文简介

经验库设计系统的反应组件

## 安装

```sh
npm install @coopdigital/react
```

也可以使用：`pnpm add @coopdigital/react`、`yarn add @coopdigital/react`、`bun add @coopdigital/react`

## README

![Co-op logo](https://s3.eu-west-1.amazonaws.com/assets.digital.coop.co.uk/logos/coopeng-logo.svg)  
  

# 反应体验套件

[![npm version](https://img.shields.io/npm/v/%40coopdigital%2Freact?color=E85A00)](https://www.npmjs.com/package/@coopdigital/react) ![NPM Last Update](https://img.shields.io/npm/last-update/%40coopdigital%2Freact?label=published&color=6762F9) ![NPM Downloads](https://img.shields.io/npm/d18m/%40coopdigital%2Freact?color=819C00) [![storybook](https://img.shields.io/badge/storybook-react-F85792)](https://experience.coop.co.uk/react/)

> 经验库设计系统的反应组件.

可以看到所有组件和文档 [经验手册](https://experience.coop.co.uk/react/)

## 开始

安装国家防范机制的反应包:

```
npm install @coopdigital/react
```

## 使用量

导入所需的组件, 以及基础样式表和相应的组件样式 :

```
import { Pill } from "@coopdigital/react"
import "@coopdigital/styles/foundations.css"
import "@coopdigital/styles/components/Pill.css"
```

或者,如果您的工程使用 SASS, 您可以导入源样式表 :

```
@use "@coopdigital/styles/src/foundations.scss"
@use "@coopdigital/styles/src/components/Pill.scss"
```

## 许可证

MIT 许可证

版权(c)合作集团有限公司

特此免费准许任何人获得副本 ,用于处理 在软件中不受限制,包括不受限制的权利 使用、复制、修改、合并、出版、分发、分许可证和/或出售 软件的复制件,并允许该软件所针对的人 满足下列条件:

上述版权通知和这项许可通知应载入所有 软件的复制件或大部分.

软件是提供的"AS IS", 没有任何的恐惧, EXPRESS OR ,包括但不限制于雇佣军的保障, 特别目的和非目的的证明。 绝对不会 B. 任何索赔、索赔或其他索赔的索赔人或 责任,在契约、契约或其他行为中,产生于, 财产、财产、财产、财产、财产或财产 软件.

## 常见问题

### @coopdigital/react 是什么？

经验库设计系统的反应组件

### 如何安装 @coopdigital/react？

在项目目录运行 npm install @coopdigital/react，或使用 pnpm add / yarn add / bun add。它还需要宿主项目提供 peer 依赖：react（19\.x）、react-dom（19\.x）。npm 7 及以上与 pnpm 8 及以上默认会自动安装必需的 peer 依赖，Yarn 需要手动安装。

### @coopdigital/react 支持 TypeScript 吗？

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

### @coopdigital/react 支持 ESM 还是 CommonJS？

以 ES Module 形式发布，推荐使用 import 引入。在 CommonJS 项目中，Node\.js 20\.19\+ / 22\.12\+ 可以直接 require\(\) 不含顶层 await 的 ES Module，更早的版本需要改用动态 import\(\)。

### @coopdigital/react 可以商用吗？

@coopdigital/react 使用 MIT 许可。宽松许可：允许商业使用、修改和再分发，通常只需在分发时保留原版权与许可声明。以上为概括，不构成法律意见，请以许可原文为准。

### @coopdigital/react 的下载量有多少？

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

### @coopdigital/react 还在维护吗？

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