reactjs 如何在React JS中导入完整材质UI库

qxgroojn 于 2022-12-18 发布在 React

关注(0)|答案(3)|浏览(116)

我正在使用材料UI创建React网页。使用任何元素，我需要导入该元素。所以我想知道如何导入整个材料UI库。

3条答案

由于我们在特定组件中导入所需组件，因此在导入material-ui时必须遵循相同的要求。因此，在单个组件中，我们必须添加特定组件的import语句，如：

import { Button } from '@material-ui/core';

或者如果是多个组件，则可以使用逗号分隔的导入

import { Button, Text } from '@material-ui/core';

试试这个

import { Button, TextField } from '@material-ui/core';

要将材质ui库作为一个整体导入每个特性，您需要安装多个依赖项并导入所有依赖项。

// with npm
npm install @material-ui/core

// with yarn
yarn add @material-ui/core

物料界面使用的字体cdn链接为

<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" />

材质UI cdn链接的图标为

<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />

型
材质界面中的svg图标

// with npm
npm install @material-ui/icons

// with yarn
yarn add @material-ui/icons