反应组件
收集反应组件
安装
用 npm 安装 :
npm install --save @dfds-ui/react-components
用纱线安装 :
yarn add @dfds-ui/react-components
发展
命名公约
| Prop | 数值 | 说明 |
| 大小 | 小型、中型、大型 | 使用 Size 当一个道具控制组件大小时。 对值使用 T- 恤衫样式 . |
| 对齐 | 左边,右边,中间 | 使用 Align 当一个道具控制组件的横向对齐时 |
| 方向 | 水平、垂直 | 使用 Orientation 当一个道具控制方向时,组件(或儿童)将扩大 |
| 变化 | (有什么意义) | 使用 Variation 当一个组件支持不同的变量时. |
开发时使用线条链接
使用时常见的问题 yarn link 表示包的多个版本(如反应)结束。 这是
因为依赖关系由连通的对称内向上解决 react-components 文件夹.
网络软件包
使用时 webpack 您可以尝试设置 resolve.symlinks 改为 false 在你身边 webpack.config.js 只解决
应用程序的依赖性 node_modules 文件夹.
盖茨比
盖茨比在引擎盖下使用网包,所以要设定 resolve.symlinks 添加以下内容: gatsby-node.js 文件
exports.onCreateWebpackConfig = ({ getConfig, actions, stage }) => {
const config = getConfig()
config.resolve.symlinks = false
actions.replaceWebpackConfig(config)
}
关于 @dfds-ui/react-components 的常见问题
@dfds-ui/react-components 是什么?
DFDS 内部共享反应组件
如何安装 @dfds-ui/react-components?
在项目目录运行 npm install @dfds-ui/react-components,或使用 pnpm add / yarn add / bun add。它还需要宿主项目提供 peer 依赖:react(>= 19.0.0)、react-dom(>= 19.0.0)、react-select(^5.10.2)、@emotion/react(11.14.0)、@emotion/styled(11.14.1)。npm 7 及以上与 pnpm 8 及以上默认会自动安装必需的 peer 依赖,Yarn 需要手动安装。
@dfds-ui/react-components 支持 TypeScript 吗?
支持。包内自带 TypeScript 类型声明(package.json 声明了 types 入口),安装后即可获得类型提示,无需再安装 @types 包。
@dfds-ui/react-components 支持 ESM 还是 CommonJS?
同时提供 ES Module 与 CommonJS 入口,import 和 require() 都可以使用,打包工具会自动选择合适的版本。
@dfds-ui/react-components 可以商用吗?
@dfds-ui/react-components 使用 MIT 许可。宽松许可:允许商业使用、修改和再分发,通常只需在分发时保留原版权与许可声明。以上为概括,不构成法律意见,请以许可原文为准。
@dfds-ui/react-components 的下载量有多少?
根据 npm 官方下载统计,@dfds-ui/react-components 在 2026/10/12 – 2026/11/10 这 30 天内被下载 6,143 次,日均约 205 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入,适合横向比较热度,不能直接等同于使用人数。
@dfds-ui/react-components 还在维护吗?
最新版本 3.0.3 发布于 2026/11/09(2 天前);至今共发布 2805 个版本,其中过去 12 个月发布了 117 个;首次发布于 2019/05/07。发布频率只是参考信号:功能稳定的工具可能很少需要更新,建议结合源码仓库的 issue 和提交记录判断。