文本在react-admin界面中无法正确显示

时间:2019-04-16 13:12:12

标签: reactjs react-admin

编辑:已解决

------

“ react admin” Web界面中的某些文本未正确变红。 版本:2.8.5。

诸如“编辑”或“克隆”之类的默认图标,甚至指向我资源的链接都呈现为错误。

如果我在字段中明确设置了“标签”,则文本将正确呈现。

我已经在github问题(https://github.com/marmelab/react-admin/issues/2809)上看到了一些有关此的参考,但是我不从事翻译或类似工作……

我真的不知道出了什么问题以及如何解决此问题。在以前的版本中,该应用正在运行...

有人可以帮我吗?

下面的图像示例(对不起,我不得不省略一些信息): enter image description here

我的App.js:

// in src/App.js
import React, { Component } from 'react';
import { fetchUtils, Admin, Resource } from 'react-admin';
import jsonServerProvider from 'ra-data-json-server';
import { AcladvList, AcladvEdit, AcladvCreate } from './posts';
import { vmWareList, vmWareShow, vmWareEdit, vmWareCreate } from './vmWare';
import ACLIcon from '@material-ui/icons/Security';
import VMIcon from '@material-ui/icons/Computer';
import Dashboard from './dashboard';
import authProvider from './authProvider';

import customDataProvider from './customDataProvider';
import LoginPage from './LoginPage';
import createHistory from 'history/createBrowserHistory';
import { OidcSettings } from './oidcSettings';

const httpClient = (url, options = {}) => {
    if (!options.headers) {
        options.headers = new Headers({ Accept: 'application/json' });
    }
    const tokenSessionItem = "oidc.user:" + OidcSettings.authority + ":" + OidcSettings.client_id;
    const token = sessionStorage.getItem(tokenSessionItem);
    options.headers.set('Authorization', `${token}`);
    return fetchUtils.fetchJson(url, options);
}

const dataProvider = jsonServerProvider('http://<ommited>/<ommited>',httpClient);
const dataProviderWithCustom = customDataProvider(dataProvider);
const history = createHistory();
//const dataProviderWithCustomResponse = customDataResponse(dataProvider);

class App extends Component {
    render() {
        return (
            <Admin history={history} loginPage={LoginPage} dashboard={Dashboard} dataProvider={dataProviderWithCustom} authProvider={authProvider}>
                <Resource name="acl-adv" options={{ label: 'Regras' }} list={AcladvList} edit={AcladvEdit} create={AcladvCreate} icon={ACLIcon} />
                <Resource name="vm" options={{ label: 'Virtual Machines' }} list={vmWareList} show={vmWareShow} edit={vmWareEdit} create={vmWareCreate} icon={VMIcon} />
            </Admin>
        );
    }
}

export default App;

已解决

好的,我重新安装了react admin,history和oidc-client。现在一切都按预期进行。

非常感谢您。

0 个答案:

没有答案