React Typescript Fluent Ui -DetailList в onRenderItemColumn

i Мне не удается исправить ошибку, которая мне нужна, в кнопке tablle show

Я копирую код из https://developer.microsoft.com/de-de/fluentui#/controls/web/detailslist/customitemcolumns введите описание изображения здесь

но это дает ошибку в onrenderItem, потому что объявленные столбцы введите здесь описание изображения, я пробую это но есть ошибка введите здесь описание изображения


person Racheli Weiss    schedule 08.06.2021    source источник
comment
этот код с ошибкой codeandbox.io/s/rough-cache -vgl3p? file = / src / DetailList.tsx   -  person Racheli Weiss    schedule 08.06.2021


Ответы (1)


Мне удается исправить ошибку

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

person Racheli Weiss    schedule 08.06.2021