@comms-id / dfat-sanctions-consolidated-list-react
一个React钩子和一个用于通信的成品组件。ID制裁筛选表：根据澳大利亚制裁综合名单（DFAT）筛选个人、实体或船只。可访问，始终显示数据归属。React 18或更高版本；这取决于 @comms-id/dfat-sanctions-consolidated-list 没有别的了。 继电器只有: 筛选永远不会向没有凭据的浏览器打开。
import { createDfatSanctionsConsolidatedListBrowserClient } from "@comms-id/dfat-sanctions-consolidated-list/browser";
import { DfatSanctionsConsolidatedListScreen } from "@comms-id/dfat-sanctions-consolidated-list-react";
const client = createDfatSanctionsConsolidatedListBrowserClient({ relayUrl: "/api/comms-id/dfat-sanctions-consolidated-list" });
export const Review = () => (
<DfatSanctionsConsolidatedListScreen client={client} onResult={(record, timing) => console.log(record.candidates.length, `${timing.ms} ms`)} />
);
relayUrl 您自己的服务器路由，设置与 @comms-id/relay您的服务器将调用签名为您注册的应用程序，因此浏览器不持有凭据。
表单的作用是什么
- 表单，而不是搜索框； 姓名、种类（个人、实体或船舶），以及可选的出生日期（年月日）和出生地点。用户键入时不会发送任何内容：在提交表单时发送筛选。更改值会删除答案，因此答案永远不会显示在不适合它的值旁边。
- 无效值 （没有名称，日期不是真正的日历日期）在浏览器中被拒绝；字段说明了原因，但没有发送任何内容。
- 答案 列出所有可能的匹配及其证据（姓名、种类、参考、出生日期和地点，以及姓名、日期和地点是否匹配），并注明列表的生成和检查时间。“不可能匹配”是关于某一代列表的确切名称和别名的声明，表格是这样说的：它不是清除。
- “制裁筛选不可用”（列表不可用，或者列表过期，服务拒绝对其进行筛选）永远不会显示为“无可能匹配”；它提供“再试一次”。
- 继电器。 筛选从来不是一个公众访客操作：没有
pk模式时，元素不提供交换代码，并且浏览器不持有凭据。
您自己的标记： useDfatSanctionsConsolidatedList
const screen = useDfatSanctionsConsolidatedList({ client, onResult });
return (
<form {...screen.getFormProps()}>
{fields.map((field) => <input key={field.name} {...screen.getFieldProps(field)} />)}
<button type="submit">Screen</button>
<p {...screen.getStatusProps()}>{screen.state.announcement}</p>
<div {...screen.getResultProps("Result")}>{screen.state.result?.view.headline}</div>
</form>
);
道具获取器携带表单的可访问性契约：ids， aria-invalid， aria-describedby （暗示和信息）， aria-required是一个有礼貌的居住地区。当你使用钩子的时候，你可以自己呈现属性：是的 screen.state.attribution.
组件
道具: client (需要), legend （默认为“制裁筛选”）， submitLabel， onResult， values （按字段名起始值）， idPrefix， disabled， className， showTiming (真正的), renderItem.
使用自定义属性对其进行样式化 --comms-id-text， --comms-id-surface， --comms-id-border， --comms-id-active-strong， --comms-id-button-text， --comms-id-error， --comms-id-radius 或者是 comms-id-dfat-sanctions-consolidated-list__* 类名。它不需要样式表。
- 答案区有一个保留的高度。放映失败说明了原因，并建议“再试一次”；它永远不会显示为“不可能匹配”。
- 它在服务器上以相同的结构呈现，并在StrictMode下工作。
数据属性
资料来源：澳大利亚外交和贸易部制裁综合清单。组件总是显示归属。不要隐藏它。
LICENSE 是消费者客户牌照。 src/ 是由 @comms-id/forge-transformers 而且从来没有手工编辑过。