如何解决如何在本机反应中超时更改状态的特定部分?
这是我的状态:
const birthdayAnimState = {
visible: 1,blurVisible: 1,};
const [state,setState] = useState(birthdayAnimState);
const { visible,blurVisible } = state;
当我的模糊被按下时,我调用这个方法:
const onBlurPress = () => {
setState({
visible: 0,blurVisible,});
setTimeout(() => {
setState({
visible,blurVisible: 0,});
},1000);
};
这是我要返回的内容:
blurVisible
?
<AnimatedBlurView>
<TouchableWithoutFeedback onPress={onBlurPress}>
{...}
</TouchableWithoutFeedback>
</AnimatedBlurView>
: null
所以 onBlurPress 方法看起来有点脏,我想知道我是否可以在不复制它的情况下实现在超时的情况下更改状态的特定部分。关于如何做到这一点的任何想法?
解决方法
您可以传播原始状态并更新您选择的值并更新状态:
const onBlurPress = () => {
setState({
...state,visible: 0,});
setTimeout(() => {
setState({
...state,blurVisible: 0,});
},1000);
};
``
,
我不知道我是否真的理解,但是为了修改状态的特定部分,您可以简单地这样做:
setState({
visible: 0
});
或者这个:
setState({
blurVisible : 0
});
它正在工作,因为 setState 正在进行浅层合并。如果你有更复杂的对象,你可以通过传播状态来进行深度合并。看看这里: https://medium.com/@imrobinkim/how-state-updates-are-merged-in-react-e07fc669fec2
,你这样做的目的是什么?你想做什么?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。