Reactjs 警告：无法使用react navigation从不同组件的功能体内部更新组件

使用

react-navigationv5

尝试设置状态时出现警告：

const-DrawerNavigator=（）=>{
const[progress，setProgress]=useState（新值（0））；
常量比例=动画。插值（进度{
输入范围：[0，1]，
输出范围：[1,0.8]，
});
常量animatedStyle={transform:[{scale}]}；
返回(
{
//修正-设置进度不应该这样做-这会提示大胖子警告
设置进度（道具进度）；
返回；
}}>
{（道具）=>}
);
};

我正在尝试从DroperContent设置组件状态的进度，以计算一些动画并将该动画传递给DroperCreensStack。它正在工作，但我有一个警告：

Warning: Cannot update a component from inside the function body of a different component.
    in DrawerView (at DrawerView.tsx:215)

---

如何消除警告以及此代码的错误？

最后，我删除了局部状态，并创建了一个局部变量来更新样式，警告消失了

const-DrawerNavigator=（）=>{
让animatedStyle:Animated.AnimateStyle={}；
返回(
{
常量比例=动画。插值（道具进度{
输入范围：[0，1]，
输出范围：[1,0.85]，
外推：动画。外推。夹具，
});
动画样式={
转换：[
{
比例：比例，
},
],
};
返回；
}}>
{（道具）=>}
);
};