问题标签 [material-ui]

我最近开始学习 react.js（喜欢它！）并遇到了一个处理输入值的有趣场景。

在 Egghead 教程中，他们让您使用如下方式更新输入ref：

后来，我在玩材质 ui库（也很棒），遇到了一个问题，我无法使用ref. 在 Google 上一段时间后，我发现您可以使用 a state，然后使用onChange函数对其进行更新，如下所示：

似乎使用 aref会更容易，但是，在我最近学习 react native 的时候，你所做的一切似乎都是第二种方式，使用onChange函数和state变量。

所以我的问题是，继续前进，使用其中一个会更好吗？也许有一些限制使得state在本机上使用更好？

以下是我使用工具栏实现 LeftNav 的代码。我正在为流星使用 Material-UI 包。LeftNav 根本不显示。当与 AppBar 使用类似的配置时，它可以正常工作。需要一些帮助来解决问题。

我目前正在为我的 React + MaterialUi 应用程序编写单元测试。

在我的应用程序中，我有一个对话框。我想确定取决于对话框上按下的按钮：

内部状态相应地改变。

不幸的是，我无法使用 TestUtils.scryRenderedComponentsWithType(FlatButton)
or
scryRenderedComponentsWithTag("button")
等​​来获取对话内容。

关于如何测试该流程的任何想法？

更新 1

所以我可以通过调用TestUtils.scryRenderedComponentsWithType(Dialog)来获取Dialog实例。但我无法获得对话内容。DOM 明智的内容不会呈现在视图本身内。它呈现在文档级别（div）上的新创建节点中。所以我尝试了这个：

上例中的 cancelButton 是正确的 DOM 元素。Simulate.click 但是不会触发组件单击功能。

关于乔纳斯

我在material-ui中有一张简单的卡片：

我想让标题成为我通过属性传入的 URL 的链接。我查看了卡头的 JSX 源代码，但我不知道如何实现这一点。

我正在尝试在我的应用程序中使用material-ui React 组件。我正在使用 webpack 并使用 npm 安装了 material-ui。我已经用 material-ui 文本字段替换了表单中的文本输入，并且效果很好。

但。

然后我尝试添加一个按钮。够简单吧？突然，我得到这个错误：

我已经测试过，即使我只是用这一行加载一个空的 Javascript 文件，也会抛出这个错误：

如果我删除那条线，一切正常。这很奇怪，因为文本字段有效，所以我知道我的设置是正确的。我怀疑按钮代码中使用了 Mixin？

有没有人经历过这个？这方面的信息很少，任何帮助表示赞赏。

我想在 AutoComplete 输入框的最左侧显示一个小箭头（就像在 DropDownMenu 中一样）。

由于自动完成和文本字段看起来相同。

我最接近的是▼在 floatingLabelText 中设置。

我正在尝试了解如何完全自定义主题。 material-ui 指南/文档说要检查这个文件： https ://github.com/callemall/material-ui/blob/master/src/styles/theme-manager.js

因此，对于自定义主题，我尝试添加如下块：

但这对应用栏没有影响。其余的主题变量确实有效。

如何自定义此文件中的其他变量？

I have an Autocomplete field which uses:

like this;

But when I update the this.setState({searchText: null }) it will clear the autoComplete once, but not the second time.

Not sure if this is a bug or if there's another way to reset the field.

I also tried looking for the field and adding a ref but no luck.

Filed here in case it's a bug https://github.com/callemall/material-ui/issues/2615

Is there a way to call the methods that a React component defines internally?

I understand generally we want to be passing values around declaratively with props/data etc. However I am using some component libraries that have internal useful methods.

eg

eg this method https://github.com/callemall/material-ui/blob/master/src/auto-complete.jsx#L244-L248

in material-ui AutoComplete component.

我正在使用material-ui来编写导航栏Tab。我的标签导航栏与Master.jsx几乎相同：

基本上我删除了AppBar,AppLeftNav和FullWidthSection.

唯一的问题是它Tabs下面隐藏了一些元素，见下图：

我一定做错了什么，有什么想法吗？谢谢！