reactjs - React.js 呈现不同的标题栏

Question

我有一个 React 组件问题。

在 React 应用程序中，我想为移动设备显示不同的标题栏，为笔记本电脑或台式机显示另一个标题。我正在使用 material-ui 标头。我已经创建了两个单独的标题组件，那么如何在 App.jsx 主中配置它们以在用户使用笔记本电脑时显示一个用于移动设备的标题和另一个标题？

const headerLaptop =() ={
return (
<div>header element</div>
);
};

const headerMobile =() ={
return (
<div>header element</div>
);
};

const App =() ={
return (
<div>headerMobile or headerLaptop</div>
);
};

标签： reactjsreduxheadercomponents

Answer 1

其他您正在使用 material-ui，您可以withWidth 在此处使用查看文档和示例