想象一下,我想创建一个组件来渲染图像。如果图像资源有效,我应该通过 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) 根据这个问题的答案,在 VSCode 中搜索文件有两种主要方法:
CTRL/CMD + P/E搜索和“转到文件”为什么上述解决方案不能满足我的需求?
我需要一种方法来搜索文件并获取它们的完整列表(以普通视图),以便我可以轻松扫描它们。
除非我向下滚动,否则第一个方法仅返回部分结果。
第二种方法仅搜索当前打开的文件夹树。
我知道我可以使用findLinux 中的命令来实现此目的,但是我可以在编辑器本身中实现类似的功能吗?