React和Material UI，有没有一种干净的方法来解构我要发送到useStyles的道具

文章/答案/技术大牛

发布

1回答

javascript、reactjs、ecmascript-6、material-ui

根据材料文档，这就是我们向useStyles发送道具的方式 const useStyles = makeStyles({ foo: props => ({props = { backgroundColor: 'black', color: 'white' }; cons

浏览 5提问于2020-04-23得票数 1

回答已采纳

3回答

使用带有样式部件的材料系统的更好方法

reactjs、material-ui、styled-components

我试图使用上面的堆栈来自定义材料组件和由材料系统提供的道具(与样式组件连接)。我正在测试的组件：import Grid from '@material-ui/core/Grid' import { spacing, sizing, color, flexbox, display } from '

浏览 7提问于2020-06-19得票数 2

回答已采纳

2回答

如何为带间距属性的物料-界面中的按钮增加页边距？

material-ui

我在material ui中的一个纸张元素中有一个按钮。我想添加一些页边距顶部的按钮，它有一些间距之间的FullWidthTabs组件和按钮。代码： import { makeStyles } from '@material-ui/core/styles'

浏览 0提问于2019-11-09得票数 10

回答已采纳

1回答

Jetpack Compose的React useStyle

android、kotlin、android-jetpack-compose

Material-UI提供了一种很好的方式来为React设置组件样式。将样式定义在与组件不同的位置。对于从来没有听说过这个的人来说，这看起来是这样的 const useStyles = makeStyles({ background: 'linear-gradient(45degheight: 48, }, export default

浏览 13提问于2021-09-18得票数 0

回答已采纳

2回答

TypeError:无法读取未定义react的属性“”name“”

reactjs

我有一个名为products的数组对象，我循环遍历该对象并将该数组作为道具传递给Product组件。import React from 'react';import Product from '.Product product={product}/> </Grid&

浏览 0提问于2021-05-14得票数 1

1回答

在外部包中使用主题提供者注入主题道具

reactjs、npm、package、material-ui、rollupjs

我想要构建我的react项目，在外部依赖中链接我的自定义@material-ui组件，我正在使用rollup来实现它。构建外部依赖并将其发布到npm上都可以正常工作。我可以导入我的项目和Theme provider提供的外部组件的主题道具。下面是我的外部组件的</em

浏览 1提问于2020-04-10得票数 1

1回答

通过道具功能组件反应

reactjs

我对react和尝试将道具从一个功能组件传递到另一个功能组件是很陌生的。import React from 'react'import { makeStyles } from "@material-ui/core/styles"; import Card

浏览 12提问于2019-12-01得票数 0

2回答

材质UI图标中的标签

reactjs、material-ui、icons、google-material-icons

我在react项目中使用material-ui和material-ui图标。我是新来的react。 有没有人能教我怎么做带标签的图标？我想把标签放在图标的正下方。我正在尝试实现一些类似于微软团队在侧边栏导航(web版)中实现的东西。我读了API，发现里面有一个道具组件。然而，每当我使用它<e

浏览 27提问于2020-10-01得票数 0

回答已采纳

15回答

将道具传递给MUI样式

reactjs、material-ui

如何从以下位置更新卡片样式或任何实质性UI样式： card: {},const styles= theme => ({ minWidth: 275, backgroundColor: props.color当我尝试最新的，我得到了 },const styles = theme => ({ card:

浏览 1提问于2018-02-20得票数 103

回答已采纳

2回答

在makeStyles关键帧动画中传递道具

reactjs、material-ui

如何将道具填充值传递给makeStyles的关键帧？我必须指定初始状态才能通过该属性吗？它适用于颜色，但不适用于填充值。---Child component progress: { const propsStyle = {color: props.color, fillvalue: props.fillvalue} const classes

浏览 7提问于2020-10-07得票数 2

回答已采纳

2回答

使用Material* UI makeStyles时键入的道具*

reactjs、typescript、material-ui

我正在尝试将我的一些React组件从Material UI迁移到新的makeStyles/useStyles挂钩API。如果我理解正确的话，我可以继续从父组件中接受classes作为道具，只要我把这些道具传递给useStyles const{ myProp } =

浏览 11提问于2019-05-27得票数 13

2回答

使用左对齐将material-ui标签定位到左侧

material-ui

我使用material-ui.com提供的单选按钮组件并设置了labelPlacement="start"。这已将标签放在左侧，但我也希望标签左对齐，同时将单选按钮留在右侧。

浏览 1提问于2019-06-29得票数 8

回答已采纳

2回答

在单击另一个文件中显示组件时出现问题

reactjs、material-ui

问题是，我仍然是一个反应初学者，想要练习我的反应技巧，现在我有了肚脐，主页，关于分离的文件和不确定如何通过状态，道具等在本例中。我的程序的文件结构：这是守则：import React

浏览 0提问于2019-09-11得票数 1

2回答

我想知道如何将样式应用到Material UI的底层Button从IconButton。例如，为了更改关闭图标的悬停/焦点颜色，我当前需要更改:hover和:focus类。似乎应该有一种更简单的方法来完成此操作，即ButtonBase API文档实际上为此提供了一个类：focusVisible。但是，我没有尝试过成功地应用这种样式。const useStyles = makeStyles

浏览 45提问于2019-06-28得票数 10

回答已采纳

2回答

如何使用Material* UI useStyles/makeStyles有条件地呈现CSS？*

javascript、css、reactjs、material-ui

如果道具满足特定条件，我会尝试将latestMessageText变量显示为粗体和黑色。useEffect方法起作用了，这是一个丑陋的解决方案；我如何使用Material UI的useStyle钩子来执行我的目标。我试着在makeStyles函数中传递道具给useStyle，但是没有效果。import React, { useEffect, useRef } from "

浏览 22提问于2021-12-03得票数 0

1回答

在同一个React应用程序中使用物化CSS和MaterialUI

css、reactjs、material-ui、materialize

我目前有一个简单的非反应应用程序(HTML/物化/JS)，我想将它转换为React，然后改用MaterialUI而不是MaterializeCss。但是，我不想在一次迭代中做到这一点。下面是我正在考虑的迭代。转换为反应(继续使用物化) 问题是，只有同时使用物化和MaterialUI (有些组件使用MaterialUI我想知道

浏览 2提问于2020-07-13得票数 1

回答已采纳

2回答

仅在一个元素中更改MaterialUI中子元素的样式

reactjs、material-ui

我正在使用来自的。在一个组件中，我使用两个不同的图标，我希望它们是不同的大小和其他样式。<ListItemIcon/>是用svg构建的，它有类名MuiSvgIcon-root --这是我应该更改图标的fontSize的地方。我不知道怎么做。当我这么做 root:{ fontSize: &

浏览 3提问于2020-02-03得票数 2

回答已采纳

1回答

如何在轮廓materialUI输入中设置边框和图标的颜色？

css、reactjs、material-ui

我是materialUI的新手。这就是我如何使用一个简单的输入域，它被勾勒出来并有一个图标。但由于我的背景是深色的，我需要图标的颜色，边框和文本颜色为较浅的颜色，例如灰色。import Input from '@material-ui/core/OutlinedInput' import InputAdornment from '@material-

浏览 31提问于2020-05-02得票数 0

回答已采纳

3回答

MUI Select下拉元素的样式

reactjs、material-ui

我正在尝试自定义MUI Select组件下拉元素的设计(边框、半径边框)。你知道我怎么才能把下垂画成这样吗？下面是组件当前状态的屏幕截图：我能够自定义MUI Select组件的输入元素的设计。

浏览 10提问于2018-05-15得票数 20

1回答

将修改第三个组件的函数传递下去

reactjs

我一直试图在我的应用程序中为每个函数创建一个组件，但我面临以下问题。我有一个组件DisplayAllData，它将数据和一个可操作的按钮发送给DisplayDataWithButton，问题是当有人单击道具中的button发送时，函数会修改父组件的状态，这也是作为参数发送给我以这种特殊的方式设计组件，因为： DisplayAllData是唯一具有要呈现的数据<

浏览 3提问于2020-09-18得票数 0

回答已采纳

点击加载更多