Утилита отложенной загрузки в React

Question

Я хочу запустить JS-функцию из модуля, который загружается асинхронно (который предоставляется федерацией модулей), и использовать возвращаемое значение в компоненте React.

Например, установка видимости некоторого элемента по значению функции, возвращающей логическое значение.

Все примеры, которые я нашел, объясняют, как лениво загружать компоненты React.

Спасибо! Шломи

Answer 1

Если вам нужно запустить функцию только один раз при первой загрузке компонента, вы можете просто сделать это с помощью, например, useEffect()перехватить, а затем установить какое-то состояние. Например

      function MyComponent(){
   const [someValue, setSomeValue] = useState()
   useEffect( () => {
     import('someRemote/module').then( module => {
        const valueFromFunction = module.myFunction()
        setSomeValue(valueFromFunction)
     })
   })
   return someValue != undefined ? <div>The value is {someValue}</div> : <></>
}