元素: 图像

这有什么用?

当在聚合项目中使用时,该核心组件可用于制取 图像.

这些道具是根据内容的结构自动设置的:

• url (单位:千美元) src 图像)
• caption (还将用作 alt(中文(简体) )
• credits

这些显示道具是可选的 :

• className (适用于集装箱)
• imgClassName (适用于 img 要素)
• captionClassName (适用于标题容器)
• creditsClassName (适用于信贷集装箱)
• placeholderImage (如果没有) url ,该占位符 URL 已提供)
• separator (字符串用作信用之间的分隔符,默认"q")
• showCredits (一组) false (以隐藏信用)
• sizePreset (交出一个重新大小的图像 - 见 aPI 核心组件文件 用于更多再密钥配置信息)

我该怎么用?

import Image from "@arc-core-components/element_image";

<Image {...imageContentElement} className="your-classes" />;

看看这个 src 文档以查看建议的执行,在 指数.mdx

我怎么能快速看到里面的东西?

运行 npm i && npm run docz:dev 克隆后看里面有什么.

测试和 Linting

我们正在使用 Jest 和 XO 测试和闪烁.

我们利用Husky来运行一个预推钩, 防止未被打开或代码 测试失败,无法进入重播.

测试: npm test

给 : npm run lint - 这也会解决任何简单的通关错误 自动.

不经过测试或打磨数字 : git push --no-verify - 经常这样 如果你只需要推一枝树枝 用于示范目的或 帮助.