Javascript 从材质界面使用withWidth HOC
我正在使用Material UI的版本Javascript 从材质界面使用withWidth HOC,javascript,reactjs,material-ui,server-side-rendering,higher-order-components,Javascript,Reactjs,Material Ui,Server Side Rendering,Higher Order Components,我正在使用Material UI的版本3.9.2,我正在尝试在SSR应用程序中使用widthWithHOC 使用以下代码,如果我在Chrome Developer Tools的调试器选项中禁用Javascript,一切都会按预期工作(即显示hello world!字符串): 但是,问题仍然存在,没有显示任何输出 有关如何解决此问题的任何建议?该选项应为initialWidth(大写W),而不是initialWidth,文档中的方括号仅表示该选项是可选的。正确的语法如下所示: export def
3.9.2
,我正在尝试在SSR应用程序中使用widthWith
HOC
使用以下代码,如果我在Chrome Developer Tools的调试器选项中禁用Javascript,一切都会按预期工作(即显示hello world!
字符串):
但是,问题仍然存在,没有显示任何输出
有关如何解决此问题的任何建议?该选项应为
initialWidth
(大写W
),而不是initialWidth
,文档中的方括号仅表示该选项是可选的。正确的语法如下所示:
export default withWidth({initialWidth: 'lg'})(App);
import React from 'react';
import withWidth from '@material-ui/core/withWidth';
class App extends React.Component {
render() {
return (
<div>Hello World!</div>
);
}
}
export default withWidth(
[{
initialwidth: 'lg',
}],
)(App);
export default withWidth({initialWidth: 'lg'})(App);