小编Евг*_*зов的帖子

React中如何根据屏幕宽度进行条件渲染?

有一个问题,我不知道如何在技术上正确地实现该组件。我想根据设备屏幕对元素进行条件渲染。示例:如果屏幕小于 700 px,则我得出一个结论,如果大于,则得出第二个结论

if(window.innerWidth > 700) {
   return(
    <Content>
       1 
    </Content>)
};
return (
<Content>
       2
</Content>)
Run Code Online (Sandbox Code Playgroud)

我使用react、next js和typeScript技术

这个怎么做?

reactjs conditional-rendering responsive

4
推荐指数
1
解决办法
1万
查看次数