1回答

张轩

2024-10-17

已采纳

同学你好

这里的问题出在 闭包陷阱：事件监听器可能捕获了 files 的旧值（在初始化时可能是空对象）。所以当调用的时候拿到的一直是一个空的对象，所以这里我们需要一个响应式的对象。

可以这么做：

App.js 当中

const filesRef = useRef(files);

// Update filesRef whenever files state changes
useEffect(() => {
    filesRef.current = files;
}, [files]);

const fileClick = useCallback((fileId) => {
    // 从这个对象里面取值，而不是原来的 files 当中
    setActiveFileId(fileId);
    console.log("files", filesRef.current);
    const currentFile = filesRef.current[fileId];
    console.log(currentFile);
}, [])

亲测有效～

1

1

lewis0077

非常感谢老师的解答，让我体验到了传说中的闭包陷阱

2024-10-17

共1条回复