reactjs - React 中的延迟加载 util 函数

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> : <></>
}