{\fn黑体\fs22\bord1\shad0\3ahbe\4ah00\fscx67\fscy66\2chffffff\3ch808080}有一点有用的链接 
说明
这个 UsefulLinks 组件执行Link Promo类型,可访问与世界服务网站相关的各种信息的链接. UsefulLinks 当只有一个有用的项目时,则由包和链接元素组成。 如果有多个东西, UsefulLinks 由未排列列表项目列表组成.
安装
npm install @bbc/psammead-useful-links
有用链接道具
| 参数 | 类型 | 需求 | 默认 | 示例 |
|---|---|---|---|---|
| 服务 | 字符串 | 对 | 不详 | 'news' |
| 脚本 | 对象 | 对 | 不详 | {可以指: {可以指: {可以指: {可以指: {可以指: {可以指: {可以指: {可以指: {可以指: {可以指: {可以指: {可以指: {可以指: {可以指: {可以指: {可以指: |
| 小时 | 字符串 | 对 | 不详 | 'https://www.bbc.com/igbo/afirika-49883577' |
有用链接Ul 道具
| 参数 | 类型 | 需求 | 默认 | 示例 |
|---|---|---|---|---|
| 儿童 | 节点 | 对 | 不详 | <UsefulLinksLi><UsefulLink service='news' script={latin} href='https://www.bbc.com/igbo/afirika-49883577'> Mitocinmu da sauko da sautin labarai </UsefulLink></UsefulLinksLi> |
有用链接LinksLi Propals
| 参数 | 类型 | 需求 | 默认 | 示例 |
|---|---|---|---|---|
| 儿童 | 节点 | 对 | 不详 | <UsefulLink service='news' script={latin} href='https://www.bbc.com/igbo/afirika-49883577'> Mitocinmu da sauko da sautin labarai </UsefulLink> |
使用量
import { latin } from '@bbc/gel-foundations/scripts';
import { UsefulLink, UsefulLinksLi, UsefulLinksUl } from './index';
const SingleUsefulItem = () => (
<UsefulLink script={latin} service="news" href={url}>
{usefulItems[0]}
</UsefulLink>
);
const MultipleUsefulItems = () => (
<UsefulLinksUl>
{usefulItems.map(item => {
return (
<UsefulLinksLi key={item.id}>
<UsefulLink script={latin} service="news" href={item.url}>
{item.name}
</UsefulLink>
</UsefulLinksLi>
);
})}
</UsefulLinksUl>
);
何时使用此组件
此组件可以在页面的任意点使用.
无障碍说明
当有多个有用的项目时,由屏幕读取器宣布为列表中的列表项目. 当只有一个有用的项目时,屏幕读取器不会将其作为列表项目宣布.
我们增加了这个角色 list 财务报告和审定财务报表 listitem 以返回列表语义.
捐款
Psammead完全开源. 我们感谢任何贡献,无论是新的组件、错误修正还是总体改进。 请参看我们的主要贡献指南,可查阅: psammead 仓库的根。 。 。 .
行为守则
我们欢迎对这项工作的反馈和帮助。 通过参与这个项目,你同意遵守 行为守则请稍候再读一下.
许可证
萨姆米德 Apache 2.0 许可。 。 。 .