Question

我正在尝试在我的React项目中使用materialize-css。我该如何设置materialize-css并将其组件与React配合使用？

Answer 1

一个人可以使用https://github.com/react-materialize/react-materialize

npm install react-materialize

将它们添加到需要“材料设计”的默认html页面。

<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
    <link rel="stylesheet" href="path/to/materialize.css">
  </head>
  <body>
    <script src="path/to/materialize.js"></script>
    <script src="path/to/your/bundle.js"></script>
  </body>
</html>

使用组件。

import { Button, Card, Row, Col } from 'react-materialize';

完整列表以及如何实现组件的列表如下：http://react-materialize.github.io

如何在具有react的情况下使用materialize-css，并保持materialize-css的已安装组件的尺寸最小

1 个答案: