我们有一个网站,在该网站上,我们根据“IsMobile”import {isMobileOnly} from "react-device-detect";
的值显示组件的桌面或移动的版本
我们首先开始编写桌面版本,并准备开发移动的版本。我们希望重用redux函数(useSelector和useDispatch)、钩子(useState和useEffect)和函数,以便移动版本和桌面版本都可以访问。
我已经研究了HoC,但这似乎是一个非常有限的(和过时的?)方法,因为基本上移动的和桌面版本之间唯一不同的是UI。**custom hooks是最好的方法吗?使用一个组件和“IsMobile”**逻辑来区分桌面和移动渲染?还有别的吗?
1条答案
按热度按时间3qpi33ja1#
经过大量的研究,我发现定制钩子是解决我的问题的最好方法。我以前听说过它们,但没有真正研究过它们是关于什么的。
在这里张贴这一点,以防其他人有类似的困惑在未来。