reactjs 中 ng-init 的等价物

Posted 2023-03-24

【中文标题】reactjs 中 ng-init 的等价物

【英文标题】：Equivalent of ng-init in reactjs

【发布时间】：2021-09-03 01:30:01

【问题描述】：

我正在将我的项目从 angular 转换为 reactjs。但我被困在 ng-init 上。我不知道反应方式中 reactjs 中的 ng-init 等价物是什么。任何人，请帮助我。

【参考方案1】：

如果你使用的是基于类的组件，那么它的等价物是 ComponentWillMount()，如果你使用的是基于函数的组件，那么它可以在 React 提供的 useEffect() 钩子中完成。

【参考方案2】：

类组件使用componentDidMount

  componentDidMount() 
    ...
  

componentDidMount() 方法在组件输出被渲染到 DOM 后运行。

并使用useeffect 作为功能组件

useEffect(() => 
 ...
);