Reactjs React构造函数（），componentDidmount与props变量

其中，我可以使用以下代码调用构造函数（）和componentDidmount事件：

export const Home = props => (props.isAuthenticated ? (
  <DashBoard {...props} />
) : (<Marketing {...props} />));

export const Home=props=>（props.isAuthenticated(
) : ());

---

上述代码的含义是什么以及它是如何工作的？

您不能在功能组件中使用react生命周期挂钩。请参阅下面的react文档，了解生命周期挂钩的用法，并将功能组件转换为类组件

导出默认类Home.Component{
建造师（道具）{
超级（道具）；
}
componentDidMount（）{}
render（）{
const{isAuthenticated}=this.props；
返回(
{已验证？：}
);
}
}

不能在功能组件中使用react生命周期挂钩。请参阅下面的react文档，了解生命周期挂钩的用法，并将功能组件转换为类组件

导出默认类Home.Component{
建造师（道具）{
超级（道具）；
}
componentDidMount（）{}
render（）{
const{isAuthenticated}=this.props；
返回(
{已验证？：}
);
}
}

这是一个功能组件，正确格式化可能更容易阅读：

export const Home = props => (
  props.isAuthenticated ? ( 
    <DashBoard {...props} /> // if authenticated return and render Dashboard
  ) : (
    <Marketing {...props} /> // else return and render Marketing
  )
);

---

这是一个功能组件，正确格式化可能更容易阅读：

export const Home = props => (
  props.isAuthenticated ? ( 
    <DashBoard {...props} /> // if authenticated return and render Dashboard
  ) : (
    <Marketing {...props} /> // else return and render Marketing
  )
);

如果您像这样传递它，它将在传递的变量从props或state更改时调用

useEffect(() => {}, [data, userName])

我希望这将使人们更好地了解这个问题

如果您像这样传递它，它将在传递的变量从props或state更改时调用

useEffect(() => {}, [data, userName])

---

我希望这将有助于更好地理解这个问题

它是一个功能组件。你不能在那里调用构造函数。在那些受人尊敬的组件（如仪表板或营销组件）上使用挂钩或处理条件，您可能会发现您的应用程序是一个功能组件。你不能在那里调用构造函数。在那些受人尊敬的组件（如仪表板或营销组件）上使用挂钩或处理条件，您可能会发现

useEffect(() => {})

useEffect(() => {}, [data, userName])