如何解决卡在反应表中,如何从 useMemo 调用函数或对象到主组件
有人回答我,我如何从反应表中的 useMemo 调用函数到主返回。 这是代码,我肯定犯了一些愚蠢的错误。
const { users,loading,currentDialog } = useUsersStore();
const cols = useMemo(() => {
const columns = [
{
Header: 'ID',accessor: 'id',Filter: 'fuzzyText',},{
Header: 'Delete',Cell: ({ cell }) => {
const row = cell?.row?.values;
const accept = () => {
dispatch(deleteUsers({ userId: row.id }));
};
return (
<>
<Button
onClick={() => {
setDialog('confirm-delete',{
userId: row.id,});
}}
icon='pi pi-trash'
/>
</>
);
},];
return columns;
},[dispatch]);
const tableProps = useDataTable({
columns: cols,data: users,});
return (
<ContentBody>
{currentDialog.dialog === 'confirm-delete' && (
<ConfirmDialog
visible={true}
onHide={resetDialog}
message='Are you sure you want to proceed?'
header='Delete Confirmation'
icon='pi pi-info-circle'
acceptClassName='p-button-danger'
accept={accept}
reject={() => {
resetDialog();
}}
/>
)}
如图所示,我需要将 useMemo 中的一个函数调用到主组件主体中以删除用户。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。