在Reactjs应用程序中包含材质ui

我正在尝试为我的react js应用程序添加cdn链接。包含材料界面的链接是什么。

第一反应应用程序
var destination=document.querySelector（“容器”）；
ReactDOM.render(
我的第一个应用程序，
目的地）；

包含材料ui的方式是通过npm，而不是像传统前端框架或库那样的CDN链接

正确的方法是通过npm包

您可以通过运行

npm install material-ui

然后您可以在react组件中使用它，如下所示

import React from 'react';
import ReactDOM from 'react-dom';
import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';
import MyAwesomeReactComponent from './MyAwesomeReactComponent';

const App = () => (
  <MuiThemeProvider>
    <MyAwesomeReactComponent />
  </MuiThemeProvider>
);

ReactDOM.render(
  <App />,
  document.getElementById('app')
);

从“React”导入React；
从“react dom”导入react dom；
从“材质ui/styles/MuiThemeProvider”导入MuiThemeProvider；
从“./MyAwesomeReactComponent”导入MyAwesomeReactComponent；
常量应用=（）=>(
);
ReactDOM.render(
我不认为材质UI可以通过CDN获得-你必须通过NPM安装。如果你想快速启动和运行，我建议你检查一下。这不应该是唯一的方法。似乎没有办法将AMD加载程序（requirejs）与材质UI一起使用。你可以使用react和react dom。
import React from 'react';
import ReactDOM from 'react-dom';
import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';
import MyAwesomeReactComponent from './MyAwesomeReactComponent';

const App = () => (
  <MuiThemeProvider>
    <MyAwesomeReactComponent />
  </MuiThemeProvider>
);

ReactDOM.render(
  <App />,
  document.getElementById('app')
);