reactjs - 导入 Material-UI 组件

Question

我最近一直在使用许多 Material-UI 组件，而且在大多数情况下，它们都非常容易导入。我开始发现有关 http://www.material-ui.com/ 的文档在显示从哪里导入组件时不是很好。

比如导入List组件，需要从material-ui/lib/lists/list导入。是否有与这些组件和导入路径关联的已知字典？无法导入必要的组件会让人非常沮丧，即使它们似乎确实遵循了一个相当普遍的路径，即 material-ui/lib/。

GitHub 上的存储库似乎不包含组件的真实路径，因此更好的文档可能是答案。

谢谢!

Answer 1

文档中的示例代码正是为创建示例而运行的代码。此处显示的导入是该代码实际使用的导入(对于您正在检查文档的 Material-UI 版本)。

如果导入不起作用，很可能是您使用的 Material-UI 版本与您正在查看文档的版本不同，或者您的导入有错字。

I had to import List using 'material-ui/lib/lists/list'

这确认您安装的 Material-UI 版本是 0.15.0-alpha.2 或更早版本。我们移动到 beta.1 中的新目录结构:https://github.com/callemall/material-ui/releases/tag/v0.15.0-beta.1 ，感谢这个公关:https://github.com/callemall/material-ui/pull/3749