问题标签 [react-material]

当我专注于输入字段时，我正在尝试更改我的输入字段边框。当前它正在显示blue。我想将其更改为red其他颜色。

我尝试使用传递道具

underline: props.selectProps.classes.underlineInput试图更改我的输入字段边框颜色。但它不起作用，为什么？

这是我的代码 https://codesandbox.io/s/71267zp3l6

我有一个带有两个按钮的 React 组件。当用户单击左键时，它应该改变左键的类，也就是右键的类，它也会渲染 ListView 组件。同样，当用户单击右键时，它应该更改右键的类，以及左键的类，并且它还将呈现 MapView 组件。我在下面的代码中尝试了一些方法。请让我知道，我缺少什么，并让我知道实现这一目标。

提前致谢。

从"@material-ui/core": "3.9.2",to升级后，"@material-ui/core": "^4.0.0-rc.0",我遇到了一些 CSS 问题。

输入示例，一些 css:height: auto !important;似乎丢失了：

我的配置与此处相同：https ://material-ui.com/getting-started/installation/

我的代码非常基本：

目前，我正在使用 Material-UI for ReactJS 设置我的第一个项目。因为我想使用例如自定义字体（托管在服务器上，而不是 Google 字体或类似的东西）来自定义默认主题，所以我开始研究这个。

但是，虽然在构建期间或在浏览器控制台中没有出现任何错误，但它只是没有加载。我已经尝试了 StackOverflow 和 Material-UI repo 提出的多个解决方案，但我无法让它工作，因此我不知道下一步该做什么。

我已经尝试了 StackOverflow 上的其他线程、官方 Material-UI 文档和 Material-UI GitHub 存储库中的问题中建议的几种方法，但无济于事。我可能忽略了一些明显的东西，或者混淆了不同的概念，所以任何帮助都会非常感激:)

主题定义：

顶级入口点：

网络包配置：

包.json：

如前所述，我没有收到任何错误消息。我还可以在编译的 JS 代码中看到对 Penna 字体的引用，但是在查看渲染的 DOM 树时，我看不到定义的自定义主题。

我正在构建一个 LTR 应用程序，我想添加 RTL 支持。该应用程序基于 Material UI React。由于我使用的是 CSS Flex Box，因此我可以将应用程序旋转到 RTL，只需将 dir="rtl" 添加到正文即可。我还在此处提到的主题中添加了 direction="rtl" 。

然而，并非一切都改变了。

让我们以此为例： 正如您在此处看到的，我在文本元素的左侧进行了填充。在 RTL 版本中，由于一切都被颠倒了，所以向左填充在 UI 中没有任何影响，我的意思是它必须向右填充以显示两个元素之间的小空间：

似乎我做错了什么，因为在此处的 Material UI 文档中，在添加此代码段并将组件包装在其周围后，此功能必须是开箱即用的。

这是我的父组件 App ：

这是我的组件的一个示例（上图中的一个：CLList）：

最后一个文件是 CLList 的 CSS：

我期望标签的 paddingLeft 为 => paddingRight。这可能吗 ？它是开箱即用的功能吗？或者我应该只使用RTL-CSS-JS并在正文包含 dir="RTL" 时包装我的所有样式对象以自动更改样式？

我对这两个库也很困惑：

• @material-ui/核心/样式
• @material-ui/样式

我应该使用第一个还是第二个？有什么区别 ？

谢谢你的时间。

编辑 1：

我在我的 CSS 对象上使用了 rtlCSSJS ，得到了预期的结果。但我不确定这是否是最好的方法。CLList 的 CSS 现在看起来像这样：

我正在尝试将 RTL 支持添加到我的 React 应用程序中。

由于我在调用 API 时使用了一个加载栏（这个：react-redux-loading-bar），所以过程很长......我还想在 RTL 处于活动状态时将其更改为从右到左。

我首先尝试使用 Material UI进度条，但我没有找到一个很好的示例/想法来说明如何将它添加到我的工作流程中，这只是：React / Redux。这也可以解决问题。

有什么解决方案可以实现吗？

我的 Redux 操作如下所示：

谢谢你的时间。

我是 ReactJs 和 react-materialize 的新手。我借助组件中的 react-materialize 创建了两个输入元素类型 Radio。两者都在 DOM 中呈现。

我单击第一个单选选项被选中并触发 onChange 事件。单击第二个选项后，第一次单击时未选择，但在第二次单击时工作正常。单击任何选项后，两者都不会触发事件。

“反应”：“^16.5.2” “反应物化”：“^2.4.8”，

这个问题与此解决方案相同并尝试过，但无法正常工作https://github.com/react-materialize/react-materialize/issues/422

}

我希望在第一次单击时应选择两个单选选项的输出，并在所有单击时调用 onChange。请纠正我犯了什么错误。

我有一个数组列表，我正在使用 map 函数渲染它。每个对象都有一个单选按钮。现在，当我单击数据的单选按钮时，它显示“TypeError：无法读取未定义的属性'值'”。我不明白，我做错了什么。请在下面检查我的代码。

导入 React，{ Component } from 'react' import { withStyles, Typography, Grid, Radio } from '@material-ui/core';

我有一个带有扩展面板的组件。现在，当用户单击展开摘要面板时，它将展开详细内容。我想要实现的是，我在每个扩展的详细信息内容中都有一个名为“下一步”的按钮。因此，每当用户单击下一个按钮时。它应该关闭当前展开的面板并展开下一个面板。

我是 Material UI 的新手。所以，这里我使用的是文本字段类型的日期。默认在文本字段中显示“dd-mm-yyyy”。但是，我想默认显示一个字符串值，比如“添加 DOB (MM/DD/YYYY)”。我尝试了一些方法，它不采用字符串值。请让我知道，我怎样才能做到这一点。