reactjs 跨桌面和移动的组件重用React钩子、Redux函数和逻辑

bvn4nwqk  于 2023-03-01  发布在  React
关注(0)|答案(1)|浏览(121)

我们有一个网站,在该网站上,我们根据“IsMobile”import {isMobileOnly} from "react-device-detect";的值显示组件的桌面或移动的版本

我们首先开始编写桌面版本,并准备开发移动的版本。我们希望重用redux函数(useSelector和useDispatch)、钩子(useState和useEffect)和函数,以便移动版本和桌面版本都可以访问。

我已经研究了HoC,但这似乎是一个非常有限的(和过时的?)方法,因为基本上移动的和桌面版本之间唯一不同的是UI。**custom hooks是最好的方法吗?使用一个组件和“IsMobile”**逻辑来区分桌面和移动渲染?还有别的吗?

3qpi33ja

3qpi33ja1#

经过大量的研究,我发现定制钩子是解决我的问题的最好方法。我以前听说过它们,但没有真正研究过它们是关于什么的。
在这里张贴这一点,以防其他人有类似的困惑在未来。

相关问题