是否有任何用于 React 的移动 Web 组件库？

Question

我打算在完成基于 React-Bootstrap 库的桌面网络应用程序之后构建一个移动网络版本应用程序。 考虑到工作量/可重用性，我应该使用什么 React 移动 Web UI 组件库来构建我的移动 Web 应用程序？

谢谢， 杰克

Answer 1

我不太确定您的应用程序的复杂性。如果您的应用程序不太复杂，那么您可以在桌面本身中管理这两个版本。通过从react-media 库中导入媒体。

例子：

<Media query={{ maxWidth: 798 }}>
 {
  matches => matches ? (<p>Logic to be displayed for mobile</p>) : 
                       (<p>Logic to be displayed for desktop</p>)
 }
</Media>

我建议在容器中使用此逻辑，并根据移动视图或桌面视图的需要为其提供单独的组件。这也可以使您的应用程序在浏览器大小调整时看起来更好。