小编Sha*_*nan的帖子

如何在 React 中有条件地渲染图像?

想象一下,我想创建一个组件来渲染图像。如果图像资源有效,我应该通过 css 将其渲染到 div 中background-image。否则我应该将它呈现为<img>带有 alt 标签的标准。

所以我们得到这样的东西:

const ImageComponent = ({src}) => {
  const [loaded, setLoaded] = useState(false);
  const [renderFallback, setRenderFallback] = useState();

  useEffect(() => {
    const image = new Image();
    image.onsuccess = () => {
      setLoaded(true);
      setRenderFallback(false);
    }
    image.onerror = () => {
      setLoaded(true);
      setRenderFallback(true);
    }
    image.src = src;

    return () => {
      // clean up listeners
      image.onsuccess = undefined;
      image.onerror = undefined;
    }
  }, [src]);

  if (!loaded) { return null; }

  return renderFallback …
Run Code Online (Sandbox Code Playgroud)

html javascript css reactjs

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

如何获取 VSCode 中符合搜索条件的所有文件的列表?

根据这个问题的答案,在 VSCode 中搜索文件有两种主要方法:

  1. 通过使用CTRL/CMD + P/E搜索和“转到文件”
  2. 通过单击资源管理器树中的任意位置并键入

为什么上述解决方案不能满足我的需求?

我需要一种方法来搜索文件并获取它们的完整列表(以普通视图),以便我可以轻松扫描它们。

除非我向下滚动,否则第一个方法仅返回部分结果。

第二种方法仅搜索当前打开的文件夹树。


我知道我可以使用findLinux 中的命令来实现此目的,但是我可以在编辑器本身中实现类似的功能吗?

visual-studio-code

5
推荐指数
0
解决办法
494
查看次数

标签 统计

css ×1

html ×1

javascript ×1

reactjs ×1

visual-studio-code ×1