小编A7x*_*A7x的帖子

如何在 VS Code 的源控制面板上查看文件历史记录、存储等

我想在我的源代码控制面板上查看文件历史记录、存储等,如下图所示。这怎么可能?顺便说一句,我的系统是Mac OS

目前我只看到更改部分

在此输入图像描述

图片参考

visual-studio-code

7
推荐指数
1
解决办法
3439
查看次数

无法使用 useEffect 获取 clientWidth

我想获取浏览器的窗口大小,根据这个条件我想在组件中渲染一些东西。当我尝试使用 useEffect 获取 clientWidth 时,我得到了该值。但是,我无法将其分配给我在 useState 中定义的变量。

这是我的代码。有时我会收到以下错误,我不明白,因为我没有为常量变量分配任何内容。我尝试分配 useState 变量。

import React, { useState, useEffect } from 'react';

export default function App() {
  const [isMobile, setIsMobile] = useState(false);

  useEffect(() => {
    if (document.documentElement.clientWidth <= 400) {
      console.log(document.documentElement.clientWidth);
      setIsMobile = true;
    }
  }, []);

  return (
    <div>
      {(() => {
        console.log(isMobile);
        if (isMobile === true) {
          return <div>This is Mobile</div>;
        } else {
          return <div>This is normal</div>;
        }
      })()}
    </div>
  );
}

Run Code Online (Sandbox Code Playgroud)

这是 stackblitz 中的书面版本。

https://stackblitz.com/edit/react-i9ewp6?file=src/App.js

javascript reactjs

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

标签 统计

javascript ×1

reactjs ×1

visual-studio-code ×1