React 如何封装一个公用的Modal

Question

大家好，本人萌新最近又碰到一个问题，我封装了一个公用Modal，结构大概类似

 <QuestionControl.Provider
      value={{}}>
      {props.children}
      <QuestionModal visible={visible} onCancel={() => setVisible(false)}/>
    </QuestionControl.Provider>

现在有一个情况是，我在Modal里面对数据做了修改如何通知props.children刷新列表

Answer 1

const [refresh, setRefresh] = useState(false);

<QuestionControl.Provider value={{}}>
  {/* 根据 refresh 刷新你的children  */}
  {props.children}
  <QuestionModal
    visible={visible}
    onRefresh={() => setRefresh(true)}
    onCancel={() => setVisible(false)}
   />
</QuestionControl.Provider>

Answer 2

试一下react+redux?

Answer 3

在子组件(modal)对数据做修改的地方去调用父组件的方法 在父组件里做事情