Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/25.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
将自定义CSS文件添加到AdminBro组件中_Css_Reactjs_Import_Admin Bro - Fatal编程技术网

将自定义CSS文件添加到AdminBro组件中

将自定义CSS文件添加到AdminBro组件中,css,reactjs,import,admin-bro,Css,Reactjs,Import,Admin Bro,我在Admin Bro中有一个名为gallery的自定义页面。现在在他们的网站中,我想导入一些我编写的css。我试过这个: import './gallery.css'; 出于某种原因,这似乎不起作用。这是我可以在AdminBro页面中将自定义css添加到react组件中的任何方法。我是这样做的,请注意,我使用的是Express.js: 我试图在我的AdminBro页面中自定义一个表的外观,看到已经有一个admin-bro_TableBodycss类,并且可以基于以下问题覆盖它: 因此,我创

我在Admin Bro中有一个名为gallery的自定义页面。现在在他们的网站中,我想导入一些我编写的css。我试过这个:

import './gallery.css';

出于某种原因,这似乎不起作用。这是我可以在AdminBro页面中将自定义css添加到react组件中的任何方法。

我是这样做的,请注意,我使用的是Express.js:

我试图在我的AdminBro页面中自定义一个表的外观,看到已经有一个
admin-bro_TableBody
css类,并且可以基于以下问题覆盖它:

因此,我创建了一个css文件,并将其公开访问,如下所示:

然后在我的adminBro声明中,我做了以下几点:

  const adminBro = new AdminBro({
    assets: {
      styles: ['/css/admin.css'],
    },
    ...
  }
我创建的css文件名为admin.css,adminBro页面会自动抓取它,你可以随意命名css文件,只要它在public/css/。。。项目根目录中的文件夹

我的CSS文件是什么样子的:

.admin-bro_TableBody {
  max-width: max-content;
  word-break: break-word;
}

很干净。我可以用这种技术制作一个自定义页面css吗?应该能够,只是自定义css类,然后可以在css文件中引用,所以只是普通的html/css内容,只需要确保这些css类在自定义页面中使用