React callBack 函数无法获取其中的 props 值

React callBack function not able to get props values inside it

提问人:beta programmers 提问时间:3/11/2023 更新时间:3/11/2023 访问量:40

问:

我有一个 React 表格组件,它附加了一个手风琴

const ParentComponent = ({
megaDataFromAPIresponse1, megaDataFromAPIresponse2, someStaticProp1, someStaticProp2
});

console.log("megaDataFromAPIresponse1", megaDataFromAPIresponse1);
// prints value of megaDataFromAPIresponse1 properly.

const Temp=(props)=>{
 console.log("props", props); //prints props that SpecialTable returns

 console.log("megaDataFromAPIresponse1", megaDataFromAPIresponse1); 
 //expected to print megaDataFromAPIresponse1 from parentComponent. 
 //But prints null
 //same with megaDataFromAPIresponse2. Prints null

 console.log("someStaticProp1", someStaticProp1); // prints staticProp1 value

}

return <SpecialTable {...props} Accordion={Temp} />


这里返回一个包含一些道具的 callBack 函数。Accordion

从上面的代码片段中,您可以看到 Temp 函数无法访问外部变量。你能帮我理解为什么吗?

此外,我尝试在调用时在内部设置一个状态变量,并且该状态正在useEffect的依赖项中查看并执行操作。但是将该状态设置为待命会给我带来无限循环 - 不知道为什么?TempTemp

提前致谢

JavaScript ReactJS 回调 闭包 usecallback

评论


答: 暂无答案