Javascript 反应如何应用`componentDidMount（））

我正在使用redux和reactjs。我需要将

componentDidMount（）

中的一些函数添加到以下根组件中

我没有使用react类扩展。如何在那里应用

componentDidMount（）

和我的逻辑

   const App = () => (
      <div>
        <NavigationContainer />
      </div>
    )

export default App

const-App=（）=>(
)
导出默认应用程序

您可以将JSX封装在一个返回调用中，只需在调用之前执行逻辑，甚至可以与redux商店交互

const App = () => {
  const willRunOnEachRender = 'runs on each render'
  return (<div>
    <NavigationContainer willRunOnEachRender={willRunOnEachRender} />
  </div>
 )
}
export default App

const-App=（）=>{
const willRunOnEachRender='在每个渲染上运行'
返回(
)
}
导出默认应用程序

在这种情况下，您需要使用有状态组件或将其包装在有状态容器中，无状态组件不支持React中的生命周期

因此，我建议您从react导入组件，并执行类似以下代码的操作：

import React, {Component} from 'react';

class App extends React.Component {
  componentDidMount() {
    //your code here
  }
  render() {
    return <div><NavigationContainer /></div>;
  }
}

export default App

import React，{Component}来自'React'；
类应用程序扩展了React.Component{
componentDidMount（）{
//你的代码在这里
}
render（）{
返回；
}
}
导出默认应用程序

它是一个

无状态的功能组件

，生命周期方法在这里不可用，您想在

组件didmount

中添加什么逻辑？我需要在redux应用程序初始化时发送一个操作。你有没有其他办法来达到同样的效果？

import React, {Component} from 'react';

class App extends React.Component {
  componentDidMount() {
    //your code here
  }
  render() {
    return <div><NavigationContainer /></div>;
  }
}

export default App