我如何調用/執行外部功能組件的 function 反應？

Question

我有一個名為Loader的自定義組件：

export const ModalLoader = props=>{
  const {
    loading,
    ...attributes
  } = props;

  const [isModalOpened, setModal] = useState(props)
  const closeModal = ()=>{
    setModal({loading:false})
  }

  return(
    <Modal
      transparent={true}
      animationType={'none'}
      visible={isModalOpened.loading}
    >
      //my Loader view
    </Modal>
  )
}

我想在axios實例中執行closeModal() function，因為我的axios不是這個react component ，我在嘗試時error ：

AxiosHttp.interceptors.response.use((res)=>{
  //tried to call closeModal()
  ModalLoader.closeModal()
  CustomLog(res.data, 'Interceptor')
  return res.data;
},(err)=>{
  CustomLog(err, 'Interceptor Error')
  if(err.message == 'Network Error'){
  return Promise.reject(err)
})

export default AxiosHttp

錯誤詳情：

有沒有辦法從axios實例調用closeModal() ？

Answer 1

我建議使用上下文。 然后你可以在任何其他組件中使用