标签: react-admin

使用react-admin从前端调用后端API时,从浏览器控制台获取此错误:

Warning: Missing translation for key: "The X-Total-Count header is missing in the HTTP Response. The jsonServer Data Provider expects responses for lists of resources to contain this header with the total number of results to build the pagination. If you are using CORS, did you declare X-Total-Count in the Access-Control-Expose-Headers header?"

如果用于ng-admin调用后端API,则效果很好.

点击查看图片

按钮刷新AppBar不是在页面仪表板上刷新，因为我只使用组件Card，但在使用组件List或的页面上工作Datagrid，所以我想配置显示/隐藏刷新按钮AppBar或如何修复它适用于不使用组件List或的页面Datagrid。

抱歉我英语不强。

React-Admin 的“ Theming ”文档在一些示例中使用以下代码行：

        const open = useSelector(state => state.admin.ui.sidebarOpen);

它不能按原样工作。还需要做什么才能访问“sidebarOpen”属性？

我正在使用 React-Admin 3.14，我想要一个自定义登录页面。当我使用下面的 useLogin 挂钩时，我遇到了一个与挂钩相关的错误，我无法弄清楚。

import React from 'react';
import { useLogin,useNotify } from 'react-admin';
import Button from '@material-ui/core/Button'


const LoginPage = () => {
    const HandleClick = () => {
        console.log('Clicked login ...');
        
        const login = useLogin;
        const notify = useNotify;
    
        login({ username:'john', password:'doe' }).catch(() => notify("Invalid email or password"));    
    }

    return(       
        <Button variant="contained" onClick={HandleClick}>Login</Button>       
    );
}

export default LoginPage;

UseLogin 是对 Reac-Admin 3.14 authProvider 登录方法的回调（https://marmelab.com/react-admin/doc/3.14/Authentication.html#uselogin-hook）。

我收到的错误是：错误：无效的挂钩调用。钩子只能在函数组件的主体内部调用。发生这种情况可能是由于以下原因之一：

1. 您的 React 和渲染器版本可能不匹配（例如 React DOM）
2. 你可能违反了 Hooks 规则
3. 您可能在同一个应用程序中拥有多个 React …

我在App.tsx<Ressource>中声明如下：

<Resource name="myresource" list={ListGuesser} edit={GenericEdit}/>

const GenericEdit = function (props) {
    console.log('props', props);
    console.log('useResourceContext()', useResourceContext());
    console.log('useRecordContext()', useRecordContext());
    return (
        <>
            <Edit {...props}>
                <SimpleForm>
                    <TextInput disabled label="Id" source="id" />
                    <TextInput label="Name" source="name" />
                </SimpleForm>
            </Edit>
        </>)
};
export default GenericEdit;