Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/384.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 从材质界面使用withWidth HOC_Javascript_Reactjs_Material Ui_Server Side Rendering_Higher Order Components - Fatal编程技术网

Javascript 从材质界面使用withWidth HOC

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

我正在使用Material UI的版本
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);