反应生命周期父级的查询重新获取

Question

在此代码中修改后
modalPOP state能否保持其价值？
我只是想知道重新提取后孩子会怎样

const WrapComponent = ({data}) => {
<InsideComponent {...data} />
}

const InsideComponent = ({data}) => {
 const [modalPOP, setModalPOP] = useState[false]

 const hanldeOnClick = () => {
   setModalPOP(true)
 }

 return (
       <Mutation
            mutation={SOME MUTATION}
            refetchQueries={[{ query: SOME_QUERY}]}
        >
          {(muatation)=> (<button onClick={muatation} > reFetchBtn </button>
                         <button onClick={hanldeOnClick} > popUpBtn </button>)} 
        </Mutation>
        )
}

export graphql(SOME_QUERY)(WrapComponent)

在lifeCycle中子组件会发生什么？
reFetchBtn将触发父母的HOC查询重新获取

我认为子组件应该执行componentUpdate lifeCycle 和modalPOP保持其价值正确吗？

对不起，我不愿意去练习Hanlde SANDBOX。