reactjs – React Starter Kit和Material UI：应在muiTheme上下

发布时间：2020-12-15 20:47:10 所属栏目：百科来源：网络整理

导读：使用 React Starter Kit,我添加 Material UI如下： npm install material-ui --save 以及导入到组件的以下内容： import RaisedButton from 'material-ui/lib/raised-button'; 和： RaisedButton label="Default" / 我收到以下错误： Warning: Material-UI:

使用 React Starter Kit,我添加 Material UI如下：

npm install material-ui --save

以及导入到组件的以下内容：

import RaisedButton from 'material-ui/lib/raised-button';

和：

<RaisedButton label="Default" />

我收到以下错误：

Warning: Material-UI: userAgent should be supplied in the muiTheme context for server-side rendering.

根据Material UI的documentation,它说我需要解决三件事：

> autoprefixer和用户代理
> process.env.NODE_ENV

我应该放入什么代码以及确切的位置,特别是React Starter Kit？

附： this solution对我不起作用： – /

When using Material-UI with server rendering,we must use the same environment for the server and the client. This has two technical implications.

正如你在MaterialUI documentation页面上看到的那样

您需要为文档中提供的服务器和浏览器上下文提供相同的用户代理,但是,我强烈反对您提供“全部”用户代理,因为您将为您的最终提供大量不必要的代码-用户.

相反,您可以轻松地关注MaterialUI文档并传递http请求标头中包含的用户代理值.

使用快递或koa服务器

global.navigator = global.navigator || {};
global.navigator.userAgent = req.headers['user-agent'] ||'all';

我刚刚在src / server.js中检查了it has been added to the ReactStarterKit(未经过测试)

global.navigator = global.navigator || {};
global.navigator.userAgent = global.navigator.userAgent || 'all';

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!