跳到主要内容

useDatasheet

用于将 React 组件链接到 datasheet 的 hook。 datasheet 会提供对表格数据进行修改的接口,并提供对应的权限检查接口。

参数

NameType
datasheetId?string

返回值

undefined | Datasheet

Datasheet 实例

示例

import { useDatasheet } from '@apitable/widget-sdk';

function AddRecord() {
const datasheet = useDatasheet();
const [error, setError] = useState();
// 参数的 key 为 fieldId, value 为单元格值
const valuesMap = {
fld1234567980: 'this is a text value',
fld0987654321: 1024,
}
function addRecord(valuesMap) {
if (!datasheet) {
return;
}
const permission = datasheet.checkPermissionsForAddRecord(valuesMap)
if (permission.acceptable) {
datasheet.addRecord(valuesMap);
return;
}
setError(permission.message);
}
return (<div>
{error && <p>{error}</p>}
<button onClick={() => addRecord(valuesMap)}>新增一行</button>
</div>);
}