我是Material UI和ReactJS的新手.我一直在玩Create-React-App(CRA)和reactstrap.我的问题是,我可以一起使用Material UI和CRA来构建应用程序吗?
我想在我的项目中添加Material-Ui React组件,我对这两个网站/库感到困惑.
Material-Ui-Next - > https://material-ui-next.com/
Material-Ui - > http://www.material-ui.com
这两个网站都有一个指向Github的链接 - https://github.com/mui-org/material-ui
它们是相同还是不同?它们都import {something} from 'material-ui/xxx'用于导入组件.
我很困惑,我应该在项目中学习/使用哪一个.你能建议吗?
当前要在本地安装和运行 material-ui 文档,它需要两个npm install,一个在 material-ui 中,另一个在 material-ui/docs 中。
cd <project folder>/material-ui
npm install
cd <project folder>/material-ui/docs
npm install
但我想使用 docs 站点作为创建我自己的应用程序的起点。如何在不安装整个 material-ui 的情况下安装文档?我已经尝试将"material-ui": "^0.14.4",, 和所有依赖项添加material-ui/package.json到material-ui/docs/package.json.
这样,npm install不会抱怨任何事情,但是当我这样做npm run start或时npm run browser:development,它不起作用。相反,它会吐出一大堆错误消息(请参阅下文了解其中的一部分)。
ERROR in ../src/table/table-header-column.jsx
Module build failed: ReferenceError: Unknown plugin "transform-replace-object-assign" specified in "/home/ubuntu/repos/tutorials/mui/.babelrc" at 0, attempted to resolve relative to "/home/ubuntu/repos/tutorials/mui"
.....
请指教!谢谢。
想要更改我的应用程序的主要颜色和次要颜色。手册说这就是您所需要的,但我仍然在我的应用程序中看到基本的蓝色/红色默认颜色。我已经放弃了这个参考https://material-ui.com/customization/color/
import React from "react";
import ReactDOM from "react-dom";
import "./index.css";
import App from "./App";
import { createMuiTheme } from "@material-ui/core";
import { MuiThemeProvider } from "material-ui/styles";
const theme = createMuiTheme({
palette: {
primary: {
main: "#ff8f00"
},
secondary: {
main: "#ffcc80"
}
}
});
ReactDOM.render(
<MuiThemeProvider theme={theme}>
<App />
</MuiThemeProvider>,
document.getElementById("root")
);
Run Code Online (Sandbox Code Playgroud)