Question

我已经通过 npm 安装了MaterialiseCSS。但我不确定如何使用MaterialiseCSS。我正在使用webpack。

有人可以建议教程或其他东西来支持吗？

使用Bootstrap或只是跳转到MaterialiseCSS是否合适？

Answer 1

您确定要使用它的材料吗？或者它是物化 - css？

关于导入文件，您只需在HTML中添加这些文件（用于引导程序）

<link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
<script src="../node_modules/bootstrap/dist/js/bootstrap.min.js"></script>

据我所知，不应该将前端文件作为node_modules依赖项，因此您可以考虑使用CDN而不是通过NPM安装Bootstrap / Materialize。它也更快。

Answer 2

尝试一下， https://material-ui.com/，

Material UI由Google开发，反应实现材料设计概念的组件。

Answer 3

我在 react materializecss 上做了很多工作 React-Materialize-Boilerplate 一个例子Project 看看 repo，在 index.html 中，您将链接放入并从 npm 下载 materializecss 以使用动画和激活

要使用样式，只需添加类
要添加动画使用

import { M } from 'materializecss';

并激活某些东西

类内组件

  componentDidMount(){
    var elems = document.querySelectorAll('.dropdown-trigger');
    M.Dropdown.init(elems, {
      // if u have anything additional info to add
    });
    // or if autoinit
    M.AutoInit();
  }

在功能组件中

useEffect(() => {
    var elems = document.querySelectorAll('.dropdown-trigger');
    M.Dropdown.init(elems, {
      // if u have anything additional info to add
    });
})

如何开发与MaterialiseCSS的反应？

3 个答案: