Material-UI:使用makeStyles和CSS-In-JS对象库元素样式
Material-UI是一个流行的React UI组件库，它提供了丰富的可重用组件和样式，帮助开发人员快速构建漂亮的用户界面。在Material-UI中，可以使用makeStyles和CSS-In-JS对象库来定义和应用元素样式。
makeStyles是Material-UI提供的一个钩子函数，它允许开发人员在组件中定义样式。通过makeStyles，可以使用JavaScript对象的方式来描述样式，包括选择器、属性和值。这种方式使得样式的定义更加灵活和可维护。makeStyles返回一个函数，该函数接受组件的props作为参数，并返回一个包含应用样式的类名的对象。
CSS-In-JS是一种将CSS样式直接写在JavaScript代码中的方法。在Material-UI中，使用CSS-In-JS对象库来实现这种方式。通过CSS-In-JS对象库，可以将样式与组件的逻辑紧密结合，使得样式的定义和使用更加方便和一致。
使用makeStyles和CSS-In-JS对象库可以带来以下优势：
- 组件级别的样式隔离：每个组件都可以有自己的样式定义，不会相互干扰，提高了代码的可维护性和可重用性。
- 动态样式：可以根据组件的props来动态地修改样式，实现更灵活的界面交互效果。
- 可读性和可维护性：使用JavaScript对象来描述样式，可以更清晰地表达样式的结构和关系，方便团队协作和代码维护。
- 自动化工具支持：由于样式是以JavaScript对象的形式存在，可以利用现有的JavaScript工具来进行样式的自动化处理和优化。
Material-UI推荐的相关产品是Tencent Cloud的云服务器CVM和云函数SCF。云服务器CVM提供了可靠的计算能力，可以用于部署和运行React应用。云函数SCF是一种事件驱动的无服务器计算服务，可以用于处理前端和后端的业务逻辑。这两个产品可以与Material-UI结合使用，为开发人员提供完整的前端开发和部署解决方案。
更多关于腾讯云云服务器CVM的信息和产品介绍，可以访问以下链接： https://cloud.tencent.com/product/cvm
更多关于腾讯云云函数SCF的信息和产品介绍，可以访问以下链接： https://cloud.tencent.com/product/scf
相关·内容
3回答
import React from 'react';
import Checkbox from '@material-ui/core/Checkbox';
import { createMuiTheme, makeStyles, ThemeProvider } from '@material-ui/core/styles';
import { orange } from '@material-ui/core/colors';
const useStyles = makeStyles(theme => ({
root:
浏览 9提问于2019-12-09得票数 14
回答已采纳
我试图使用一些按钮和一个自定义下拉菜单组件的材料ui制作一个简单的导航条。当我尝试使用makeStyle钩子对其进行样式设置时，样式只适用于资料ui的按钮和标题，而不适用于自定义下拉组件。
import React, { useContext } from "react";
import { makeStyles } from "@material-ui/core/styles";
import { AppBar, Toolbar, Typography } from "@material-ui/core";
import DropDown fr
浏览 0提问于2020-06-11得票数 0
回答已采纳
这个问题的目的是了解在引擎盖下发生了什么。每次我在makeStyles()中找到代码时，我都觉得我只是在做一个纯拷贝粘贴，而不知道在幕后发生了什么。因此，我想在这里张贴一个问题，以便有人可以帮助我。
我在许多反作用应用程序中都看到了下面的代码。当我们给makeStyles()打电话时，我很想知道发生了什么。因此，我跳过了它的定义，但我无法理解它是什么意思。有人能帮我理解如何阅读/理解它吗？
我在这里了解的是，我正在传递一个参数为theme的函数。在传递这个函数之后，我完全不知道发生了什么。如果有人也能帮我解决这个问题，我很感激。
// Calling makeStyles()
const us
浏览 0提问于2019-07-26得票数 14
1回答
当用useStyles()创建不同的道具时，它们可以在elemens中访问，比如 const useStyles = makeStyles((theme) => ({
title: {
margin: theme.spacing(4, 0, 2)
}
)
return (
<Typography className={classes.title}>text</Typography>
) 但是，如果我尝试记录内容，它会返回一个字符串makeStyles-title-7 function App() {
const
浏览 39提问于2020-04-16得票数 0
我想知道是否有一些方法可以在Material-UI中使用::selection。代码:-
import React from 'react';
import { makeStyles } from '@material-ui/core';
import List from '@material-ui/core/List';
import ListItem from '@material-ui/core/ListItem';
import ListItemIcon from '@material-ui/core/ListIt
浏览 0提问于2021-05-09得票数 1
我使用createMuiTheme()制作了customTheme，并在<ThemeProvider>中使用了它。现在，我想在makeStyles()函数中使用该customTheme创建一些自定义样式。但是makeStyles()收不到我的customTheme。它获取默认的主题。
代码：
import React from 'react';
import { createMuiTheme, makeStyles, ThemeProvider } from '@material-ui/core';
const customTheme = cre
浏览 13提问于2021-06-01得票数 0
回答已采纳
我试过用文字包装。我在下面写了这段代码。
import React from "react";
import Typography from "@material-ui/core/Typography";
import { makeStyles } from "@material-ui/core/styles";
import MathJax from "@innodoc/react-mathjax-node";
const useStyles = makeStyles((theme) => ({
text: {
浏览 64提问于2021-03-15得票数 1
1回答
我试图使用makeStyles更改分页组件中每个项的背景色。
import { Pagination } from "@material-ui/lab";
import { makeStyles } from "@material-ui/core";
const pagination = makeStyles({
root: {
"& .Mui-selected": {
color: "white",
backgroundColor: "black"
}
}
浏览 9提问于2022-08-18得票数 1
回答已采纳
2回答
我使用包含Card组件的Paper组件，我希望它的高度适合整个页面屏幕。我试图重现这个问题并使它变得简单，所以使用下面的代码：
import React from "react";
import { makeStyles } from "@material-ui/core/styles";
import Paper from "@material-ui/core/Paper";
import Card from "@material-ui/core/Card";
import CardContent from "@mate
浏览 18提问于2020-02-29得票数 2
回答已采纳
2回答
材质UI样式不渲染
、、、、
我试图建立一个网站使用材料-用户界面和反应。当试图通过Hook API使用Material-UI的样式时，它在codesandbox.io中在线工作，但在我运行它时不能在本地工作。边框半径属性似乎没有更新，按钮或指令对象中的任何属性也没有更新 ? import React from 'react';
import { makeStyles } from '@material-ui/styles';
import Stepper from '@material-ui/core/Stepper';
import Step from '
浏览 20提问于2019-01-08得票数 1
回答已采纳
2回答
大家好，各位程序员。
我目前遇到了一个问题，我自己的风格创建使用makeStyles(...)。所发生的事情是:当我导入从另一个模块导出的样式常量时，style块被放置在其他MUI样式之前，这会导致我的样式被覆盖。我还没有找到任何解决办法。
请注意：--属于我的样式块--是makeStyles数据元的样式块。另一件事是，我尝试使用StylesProvider。
重要：只有上传时才会发生这种情况。它在本地主机上运行得很好，但这是上传到vercel的结果。
以下是两个用法示例：
import { Theme } from '@material-ui/core';
import {
浏览 4提问于2020-09-14得票数 2
回答已采纳
3回答
无法使用className覆盖Button上的样式。相同的样式在TextField上正确工作。使用style支持可以覆盖Button样式。我遗漏了什么？
发行链接：
相同代码
import React from "react";
import { Button, TextField } from "material-ui";
import { makeStyles } from "@material-ui/core/styles";
const useStyles = makeStyles((theme) => ({
buttonSt
浏览 6提问于2021-02-08得票数 0
我可以通过导入图像并在useStyles中使用变量获得静态显示的图像，如下所示：
import React from 'react'
import { makeStyles } from '@material-ui/core/styles'
import { Box } from '@material-ui/core'
import Image from '../../Images/Shanghai.png'
const useStyles = makeStyles(img => ({
image: {
bac
浏览 1提问于2020-04-25得票数 2
回答已采纳
我将React与Material-UI一起使用了一段时间，我注意到在一些示例中，当他们使用根时，他们会创建一个名为useStyle的类，然后使用这个标记& > *。我试着搜索这是什么意思，但很难搜索到它。
遵循他们的文档中的一个示例：
import React from 'react';
import { makeStyles } from '@material-ui/core/styles';
import Paper from '@material-ui/core/Paper';
const useStyles = makeS
浏览 7提问于2020-02-14得票数 3
回答已采纳
1回答
我使用的是material-ui，参见下面的示例代码：
import React from 'react';
import { makeStyles } from '@material-ui/core/styles';
import Button from '@material-ui/core/Button';
const useStyles = makeStyles((theme) => ({
root: {
'& > *': {
margin: theme.spacing(1),
浏览 0提问于2020-09-09得票数 3
回答已采纳
如何编写makeStyles()，以便它允许我同时使用主题变量和道具？
我试过这个：
const useStyles = makeStyles(theme => ({
appbar: props => ({
boxShadow: "none",
background: "transparent",
marginTop: theme.spacing(2),
marginBottom: theme.spacing(2),
color: theme.palette.getContrastText(props)
浏览 0提问于2019-05-13得票数 47
回答已采纳
我正在使用Material-UI并使用makeStyles和CSS-In-JS构建一个表单来进行样式设置。我有一个来自Material-UI库的表单，我正在尝试设置它的样式。我正在尝试弄清楚如何针对来自库的form元素的类并覆盖样式。 下面是我尝试针对的表单和Material-UI类(表单的第一个文本输入字段的before标记)： ? 我想要更改文本字段的border-bottom属性。这是我尝试过的。看看CSS中的underline类和表单的第一个文本输入： const useStyles = makeStyles((theme) => ({
root: {
浏览 46提问于2020-06-26得票数 0
2回答
如何使用Material的makeStyles功能对齐右边的按钮？
我试过使用CSS的margin-right: 0标记，但是在makeStyles中使用'-‘是错误的。我把它改名为'marginRight‘，但它仍然不起作用。另外，mr: 0也是无效的。(使用资料-UI的间距)。
代码试图使UI类似于stackOverflow的标题布局。
import React from 'react';
import { makeStyles } from "@material-ui/core/styles";
import { Box, Button }
浏览 5提问于2020-04-21得票数 4
回答已采纳
我有一个输入表单开关材料用户界面，我希望轨道和按钮是红色的时候，完全像在。资料用户界面网站上的所有都使用withStyles，但我不知道为什么不能使用useStyles呢？可以用useStyles来做吗？
这里是我的尝试，这是无效的！
import React from 'react';
import { makeStyles } from '@material-ui/core/styles';
import Switch from '@material-ui/core/Switch';
import FormGroup from '@m
浏览 1提问于2021-01-05得票数 0
回答已采纳
我正在开发一个react typescript应用程序，我尝试从‘@material-ui/ makeStyles / Attempted import error: 'makeStyles' is not exported from '@material-ui/core/styles'.’导入样式，结果得到错误信息，我安装了以下内容： npm install @material-ui/core @material-ui/icons @types/material-ui
浏览 54提问于2021-06-29得票数 9
下面的代码在下一行并排打印Logo和所有按钮。在第一个<div>标记中，我尝试放入block、inline-block并完全删除display属性。还尝试删除Box mui标签。什么都不管用。我在css方面缺乏经验，可能会犯一个愚蠢的错误。这是一个nextjs项目。 import {makeStyles} from '@material-ui/core/styles';
import DashboardIcon from '@material-ui/icons/DashboardOutlined';
import ListingsIcon from
浏览 25提问于2020-10-25得票数 0
回答已采纳
1回答
由资料-UI样式覆盖的样式
、、、、
前言
几天前，我问过一个，虽然本质上是相关的，但我相信最终解决方案将是不同的，所以我在另一个线程中再次提出这个问题。
CodeSanbox (已更新以反映已接受的答案)
问题：
我希望与className道具一起传递的任何外部样式都比我的自定义组件内部样式具有更高的特异性。这样，使用它的人就可以调整边距和填充。然而，我的组件默认的内部样式正在覆盖我的外部样式，我希望它是相反的。
详细信息：
我正在创建一个自定义组件库，建立在资料-ui之上。我希望使自定义组件api类似于@material-ui，这样我们的devs就会发现它们更易于使用。我正在构建的每个组件都有自己的内部样式，覆盖默
浏览 9提问于2020-02-12得票数 5
回答已采纳
我正在尝试覆盖Material-UI TreeView组件中所选TreeItem的样式。根据CSS API文档，有一个selected选择器，但当我使用它时，我看到的是整个子树的样式，而不仅仅是所选的项。什么是正确的选择器，用来只设置所选树项目的样式？ 代码沙盒：https://codesandbox.io/s/nostalgic-flower-e85cd?file=/src/App.js import React from "react";
import { makeStyles } from "@material-ui/core/styles";
impo
浏览 30提问于2020-06-29得票数 3
回答已采纳
这是我的theme.ts文件，我在其中创建了Muitheme和fontfamily
import 'typeface-inconsolata'
import 'typeface-quicksand'
import { createMuiTheme, responsiveFontSizes } from '@material-ui/core'
import indigo from '@material-ui/core/colors/indigo'
import yellow from '@material-ui/core/
浏览 0提问于2019-11-28得票数 0
我目前正在进行ReactJS的培训。我使用material-ui。 我不知道我对withStyles的理解是否正确。 通过这段简单的代码(见下文)，我得到了TypeError: prevDeps是未定义的。 如果我在应用程序组件中删除setState，它是可以的。 如果我在测试组件中通过``withStyles(MyJss)( withStyles(styles)(Test) )更改测试行，就可以了。 为什么？有什么想法吗？ 感谢您的帮助;) myJss.js const myJss = theme => ({
textCenter : {
textAlign:
浏览 11提问于2019-10-10得票数 2
在中，有一个makeStyles函数，可以用来获得定制的CSS样式。
如果我没有在特定的CSS中使用主题，我应该使用它吗？
例如：
import React from "react";
import { TextField, Paper, Button, Box } from "@material-ui/core";
const classes = {
paper: {
backgroundColor: "#eee",
marginLeft: "30%",
marginRight: &#
浏览 0提问于2019-09-04得票数 19
回答已采纳
2回答
我想在MUI v5中将样式与组件文件分开。我在v4中的方法是这样使用makeStyles：
Page.style.js
import { makeStyles } from "@material-ui/core";
export const useStyles = makeStyles({
root: {
background: "white",
},
});
Page.js
import React from "react";
import useStyles from "./Page.style";
con
浏览 4提问于2021-10-13得票数 2
Material-UI多行TextField中的输入文本相互重叠(而不是标签)。
请参阅CodeSandBox中的示例和代码：
我怀疑这可能与我将font - size增加到30，但行高(或其他东西)仍然配置为默认大小字体的事实有关。
截图示例：
import React from "react";
import styled from "styled-components";
import { makeStyles } from "@material-ui/core/styles";
import TextField from "
浏览 0提问于2019-11-13得票数 5
我正在使用Material-UI并构建一个时间线。我的代码如下：
<Timeline align="right" className={classes.monthlyContainer}>
<TimelineItem >
<TimelineSeparator className={classes.timelineSeparator}>
<TimelineDot className={classes.timelineDot} />
<TimelineCon
浏览 28提问于2020-08-02得票数 4
回答已采纳
1回答
物料-界面表多个子行不能一起悬停
、、、、
我使用的是table of material-ui，就像这个img
当我将鼠标悬停在特定行上时，背景颜色会变暗，有时一行可能会有子行。我希望当我悬停时，子行会变得更暗。
我的设计结构如下所示，但这样只有选定的表格单元格被悬停，而不是所有subRow的背景颜色都变暗。
我还尝试将subrow的包装到tablerow/tablecell/div中。它不起作用，有没有更好的方法来实现这一点？
import { Table,TableHead,TableRow,TableCell,TableBody,Divider,makeStyles} from '@material-ui/cor
浏览 1提问于2020-08-17得票数 2
我主要使用makeStyles钩子来设计我的material-ui组件的样式。它相当简单，模块化和高性能。 Material-UI v5的new sx属性似乎相当有前途，但在他们的文档底部，他们提到了性能方面的权衡。 我的问题是，makeStyles和sx之间的最终区别是什么，我应该考虑切换吗？ 我觉得我还应该指出，使用sx属性似乎增加了代码的return部分，而使用makeStyles感觉更干净。 我是不是遗漏了什么，或者sx有什么革命性的东西，应该让我想要使用它？
浏览 26提问于2021-02-09得票数 6
考虑一个组件，它呈现一个按钮，并说这个按钮应该有一个红色的背景和黄色的文本颜色。还有一个父组件，它使用这个子组件，但是说，黄色很好，但是我希望背景颜色是绿色。
withStyles
使用旧的withStyles没有问题。
import React from "react";
import { withStyles } from "@material-ui/core/styles";
import { Button } from "@material-ui/core";
const parentStyles = {
root: {
b
浏览 2提问于2020-05-01得票数 10
回答已采纳
我想知道是否有一种不用使用theme.customElements.acitonButton就可以在MyComponent中访问makeStyles的方法？例如，我可以以某种方式输入className={theme.customElements.actionButton}？吗
theme.js
const theme = createMuiTheme({
customElements: {
actionButton: {
backgroundColor: '#007AFF'
}
}
})
export default theme
浏览 1提问于2020-11-11得票数 0
1回答
使用选项卡面板和CSS的材质UI
、、、、
我不能改变颜色和CSS从标签面板使用材料-ui一些想法？:( 看起来useStyle和主题不起作用了。我可以改变一些其他的属性，比如scrollable，但不能改变颜色。我想知道在其他CSS中是否有一些冲突，但我不这么认为，因为我在标签中看到的颜色是蓝色，我在我的Web-App中没有使用蓝色。 import PropTypes from 'prop-types';
import { makeStyles } from '@material-ui/core/styles';
import AppBar from '@material-ui/core/Ap
浏览 10提问于2020-09-11得票数 0
回答已采纳
2回答
import React from "react";
import { Box } from "@material-ui/core";
import { makeStyles } from '@material-ui/core/styles';
const useStyles = makeStyles({
box: {
'&::before': {
content: props => `${props.text}` // should be props.text from <Child
浏览 3提问于2020-08-08得票数 1
回答已采纳
我正在尝试升级到资料用户界面，从4.11版升级到第5版，但面临着主题问题。
import { createTheme } from '@mui/material/styles';
import {
ThemeProvider,
StyledEngineProvider,
} from '@mui/material/styles';
const theme = createTheme({
...custom themes
});
<StyledEngineProvider injectFirst>
<T
浏览 6提问于2022-04-18得票数 1
我似乎对以正确方式导出的这个模块有问题，但是当它被导入时，我得到了上面所述的错误。有人能帮忙吗？任何东西都很感激，这里是模块的代码。
import React from "react";
import { makeStyles } from "@material-ui/core/styles";
import Typography from "material-ui/styles/typography";
const useStyles = makeStyles(theme => ({
main
浏览 4提问于2019-12-08得票数 0
回答已采纳
2回答
我已经成功地在我的React应用程序的TextField中增加了标签。我的问题是，当它在收缩时，它只是在它的右边重叠了一些线。
import React from "react";
import TextField from "@material-ui/core/TextField";
import { makeStyles } from "@material-ui/core/styles";
const useStyles = makeStyles((theme) => ({
root: {
"&
浏览 5提问于2020-12-05得票数 0
我正在构建一个'ReactJS‘应用程序，并遇到了以下错误：
E:/Projects/PortfolioSite/React-Portfolio-Website/react-portfolio-website/src/components/Navbar.js:39 36，theme.spacing不是一个函数(匿名函数)：{ 37维显示：“块”，38维边距："0.5rem auto"，> 39欧元宽: theme.spacing(13)，40连平: theme.spacing(13) 41 \x} 42 })；
我已经从makestyles中导入了"
浏览 2提问于2021-05-07得票数 3
回答已采纳
1回答
我有一个使用ReactJ& Material创建的表，如下所示。
她的现场测试：
我想减少列之间的空间，在第一列之后总是有很大的空间，不管我在它后面添加了多少列。就像他们有一些“间隔”风格，但不能删除它。
有小费吗？谢谢
import React from "react";
import { makeStyles } from "@material-ui/core/styles";
import Table from "@material-ui/core/Table";
import TableBody from "@m
浏览 2提问于2020-05-11得票数 2
回答已采纳
1回答
我正在ReactJS上使用ReactJS库，但我在使用flexbox时遇到了一些问题。
我想把我的Item Container设置在我的div的中心，把它伸展到所有可用的高度，并设置Bottom and Top margin。
我正在尝试使用alignItems="stretch"，但它不起作用(原始版本代码)。我当然可以设置Grid Item and Paper to 100%的高度，但我不认为这是一种让元素填充所有垂直空间的优雅方法(第二个版本代码)。此外，如果我将网格项目高度和纸张高度设置为100%，并将上页边距和底部边距设置为两个元素，则纸张完全忽略底部边距。再一次，宽
浏览 0提问于2019-08-23得票数 0
1回答
我不能将增加的高度固定到组件中
、、、、
我在react.js项目中工作，使用material-ui和sass.I。我需要创建像ChatBit组件这样的组件，然后我编写了它作为它发布。 customComponent.js文件。 // @flow
import * as React from 'react';
import { useState } from 'react';
import { Avatar} from "@material-ui/core";
import useStyle from './styles';
浏览 11提问于2020-04-10得票数 1
回答已采纳
未选择的切换按钮的样式工作得很好。
但是，当您不定义空类选择器时，所选切换按钮的样式不会出现：
./App.js
import * as React from "react";
import { render } from "react-dom";
import { createStyles, WithStyles } from "@material-ui/core";
import { ToggleButtonGroup, ToggleButton } from "@material-ui/lab";
import { wit
浏览 0提问于2019-07-11得票数 1
回答已采纳
2回答
我正在使用material ui的卡片和cardContent组件。我在功能组件中都有，并且正在尝试覆盖每个组件的根样式。但是，我不知道如何修改cardContent组件的css。似乎是通过修改卡片的根样式来实现的。它不会让我修改cardcomponent的根样式。相反，我的css在检查器中显示为 .jss14 {
height: 100%;
display: flex;
padding: 0;
flex-direction: column;
justify-content: space-between;
} 而不是在.MuiCardContent-r
浏览 12提问于2021-01-11得票数 1
回答已采纳
我只是遇到了一个问题，无法在react function组件中使用材料UI加载CSS。虽然我把它修好了，但我还是很好奇为什么。在开始时，我编写了类似这样的代码，将makeStyles和useStyles都放在function组件中。然后，我发现类名被正确地分配给了元素，但是没有加载css。
import makeStyles from "material-UI"
import styles from "styles.js"
export default function alertPage() {
const useStyles = makeStyles(
浏览 2提问于2020-11-19得票数 0
我使用了Next JS和Material UI，并使用Github：https://github.com/mui-org/material-ui/tree/master/examples/nextjs上的文档中的示例设置了项目 我的目标是使用Material UI的样式解决方案来创建自定义主题。我想使用自定义主题颜色，比如“红”、“绿”、“蓝”、“黄”，在现有的“主要”和“次要”按钮之上。因此，按照文档中的example，我制作了这个CustomButton组件： import React from "react";
import PropTypes from "pr
浏览 68提问于2021-08-28得票数 1
我试图改变材料UI，DatePicker，日期，文本和日历图标颜色。
我试图将其传递样式更改为InputProps，但它只用于移除边框。
相反，没有什么改变，我试图将样式应用于theme.tsx，但这也没有帮助。任何帮助都将不胜感激。
import * as React from "react";
import Stack from "@mui/material/Stack";
import TextField from "@mui/material/TextField";
import AdapterDateFns from "@mui
浏览 1提问于2021-11-04得票数 8
回答已采纳
我正在使用Material UI，我想在styled API中使用多个规则名来设置组件的样式。 假设我想将FormLabel Component样式设置为蓝色，而星号(必需)设置为红色。 使用Hook API时，我会这样做： import React from 'react'
import { makeStyles } from '@material-ui/core/styles'
import MuiFormLabel from '@material-ui/core/FormLabel'
const useStyle = makeStyle
浏览 30提问于2020-12-18得票数 1
回答已采纳
我试图从Material表中的表分页操作中删除labelDisplayedRows函数。
我只想在页脚中显示下一个/先前的图标。
我可以通过将选项列表为单个数字来禁用选择多行的选项，这样可以从页脚中删除select菜单，但是我无法找到一种方法来摆脱显示计数器的标签(例如:5中的1)。
我见过这个和这个，但是我想不出一个方法来要求不要显示那个计数器。
目前我有：
import React from 'react';
import PropTypes from 'prop-types';
import { makeStyles, useTheme } from &#
浏览 2提问于2020-10-23得票数 1
回答已采纳
3回答
我希望我能用material：的自动完成来做这样的事情。
也就是说，插入文本(字符串)而不包含必须从中选择的元素列表。
因此，不应该出现noOptions消息，每次按下键盘上的enter键，就会插入文本。
链接：
代码：
import React from "react";
import Chip from "@material-ui/core/Chip";
import Autocomplete from "@material-ui/lab/Autocomplete";
import { makeStyles } from "
浏览 0提问于2020-04-21得票数 7
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
