在 onRenderItemColumn 中 React Typescript Fluent Ui -DetailList

如何解决在 onRenderItemColumn 中 React Typescript Fluent Ui -DetailList

我 我没有成功修复错误 我需要在表格中显示按钮

我从流畅的 UI 复制代码 https://developer.microsoft.com/de-de/fluentui#/controls/web/detailslist/customitemcolumns enter image description here

但是这在 onrenderItem 中给出了错误，因为声明的列 enter image description here 我试试这个，但有错误 enter image description here

解决方法

我成功修复了错误

return (
    <div>
        <div>
            <div className="ms-Grid">
                <div className="ms-Grid-row">
                    <DetailsList
                        items={item}
                        columns={columns}
                        setKey='set'
                        onRenderItemColumn={renderItemColumn}
                    />
                </div>
            </div>
        </div>
    </div>
);



const renderItemColumn = (item: any,index: any,column: any) => {
let fieldContent = item[column.fieldName];
switch (column.key) {
    case 'custem':
        return  <Link href="https://developer.microsoft.com/en-us/fluentui#/controls/web/link" >ukbkkbio</Link></span>

    default:
        return <span >{fieldContent}</span>;
}

}

https://codesandbox.io/s/rough-cache-vgl3p?file=/src/App.tsx