问题标签 [react-material]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
19171 浏览

reactjs - 如何在反应中的所有 li 中添加样式(添加底部边框)?

我使用List内部的反应材料组件ul li。我想添加样式li(添加底部边框)。一种方法是添加这个className={classes.sideBar__listItem__element} ListItem 没有更好的方法来做嵌套?

https://codesandbox.io/s/1yr3nlqp74

我正在使用这个例子 https://material-ui.com/demos/lists/

0 投票
2 回答
881 浏览

reactjs - React / MaterialUI - 同名导入导出

我想创建名为“Menu”的组件并从 MaterialUI 导入“Menu”,如下所示:

我怎样才能做到这一点?我尝试使用 import { Menu as OtherName} 等,但我一直都有错误。

感谢您的建议。

0 投票
2 回答
380 浏览

reactjs - React Material-Ui(0.20.0) 对话框未显示预期结果?

React Material-Ui 具有Dialog具有该属性的组件modal,当我将其更改为truefalse显示相同的结果时,该属性是什么意思?

这真的让我很困惑,请帮助我?

材质UI版本:0.20.0

代码

0 投票
1 回答
728 浏览

css - react-material kit-cant 在标题中添加徽标

我想在页面的顶部添加我的徽标,但我无法真正完成,这是代码

当我调用标题时,它是这样的

我在标题部分尝试了一个组件,但它确实弄乱了我的标题,因为它很大而且我无法正确调整它的大小,有什么想法如何在不弄乱我的宽度/高度尺寸的情况下将徽标连接到这个标题?

0 投票
0 回答
943 浏览

reactjs - 材质 ui 时间选择器标题文本颜色

我正在整合材料 ui 时间选择器

我需要改变时间的颜色

在此处输入图像描述

你可以在图片中看到。我需要改变颜色11:30 pm

我搜索了很多,但无法做到。

请帮忙!!!

编辑:

我试过这个

0 投票
6 回答
11875 浏览

javascript - Laravel ReactJs:更改我的 js(reactjs) 文件后未反映更改

我在 Laravel 中使用Reactjs 在这里我对我的 React 组件进行了一些更改,当我刷新浏览器时,没有显示更改。

文件:

  1. 资源/视图/welcome.blade.php

    /li>
  2. 资源/资产/js/app.js

    /li>
  3. 资源/资产/js/components/Example.js

    /li>

当我刷新浏览器时,我在此组件中添加了一个按钮,更改未显示在浏览器中。

屏幕截图

在此处输入图像描述

0 投票
1 回答
5994 浏览

css - 修复 react-select 下拉列表的高度(React Material UI)

我已经使用 react-select 实现了下拉菜单,使用 which on typeahead 选项显示,但最初下拉列表很大并且占据了整个页面。我想知道如何将 react-select 下拉列表设置为固定高度并在溢出时提供滚动。 反应选择

以下是我的部分代码

0 投票
2 回答
1743 浏览

javascript - 显示隐藏多个工具提示反应材料

我在我React material的一个项目中使用框架。我正在尝试添加多个controlled tooltips只有在它们各自statevisible.

不幸的是,现在我被卡住了,因为我与多个组件共享相同的状态,因此一旦你将鼠标悬停在其中任何一个上,所有的工具提示都是可见的。有什么办法吗?我认为这可以通过数组来完成。

PS里面会有multiple parent components一个页面,每个页面都有三组工具提示,即Edit, Delete, View

代码框链接

任何帮助将不胜感激 :)

0 投票
3 回答
7372 浏览

javascript - 与 Material-UI 反应找不到模块

我想在我的React应用程序中显示一个Material按钮,但是我收到了这个错误:

这是我的App.js

这是我的模块:

一切正常,直到我尝试在我的应用程序中使用Material组件。也许我缺少安装某些东西,但我遵循的文档并不特别需要任何东西。

0 投票
1 回答
432 浏览

reactjs - 如何制作类似 Material UI 的 Gmail 任务工具栏

嗨,我想知道如何复制与新的 Gmail 任务应用类似的风格。新的 Gmail 用户界面基于 Material Design。

由于我正在使用 React 和 InboxSDK 制作 Gmail 插件,因此我想复制外观。我目前正在使用这个 Material UI 组件库:https ://material-ui.com/demos/app-bar/

我假设它是通过select在工具栏中放置一个作为第一个组件来完成的:https ://material-ui.com/demos/selects/

Gmail 应用“保留”工具栏屏幕截图