在reactjs中,什么是导致副作用的最佳实践,例如连接到webapi,以及为什么?

在reactjs中,什么是导致副作用的最佳实践,例如连接到webapi,以及为什么?,reactjs,Reactjs,我目前正在学习ReactJS,我已经看到并阅读到您应该使用componentDidMount和componentdiddupdate,但我不明白当副作用连接到视图时为什么要使用它 例如,我在登录页面中有一个提交按钮,我应该何时向api发送登录数据?在组件安装中?或者onSubmitHandler?我不确定有人告诉您“应该使用componentDidMount”的上下文,但是您的提交按钮应该调用您定义的函数,如“onSubmitHandler” componentDidMount和componen

我目前正在学习
ReactJS
,我已经看到并阅读到您应该使用
componentDidMount
componentdiddupdate
,但我不明白当副作用连接到视图时为什么要使用它


例如,我在登录页面中有一个提交按钮,我应该何时向api发送登录数据?在
组件安装中
?或者
onSubmitHandler

我不确定有人告诉您“应该使用
componentDidMount
”的上下文,但是您的提交按钮应该调用您定义的函数,如“
onSubmitHandler


componentDidMount
componentDidUpdate
被调用,在决定是否应该使用它们以及应该使用它们做什么之前,您应该先阅读它们。

我不确定有人告诉您“应该使用
componentDidMount
”的上下文,但是您的提交按钮应该调用您定义的函数,如“
onSubmitHandler


调用了
componentDidMount
componentdiddupdate
,在决定是否使用它们以及它们的用途之前,您应该阅读它们。

您应该在
onSubmitHandler
中调用api,并根据您的用例进行调用

对于
componentDidMount
,它通常用于调用安装组件时所需的方法


您可以阅读有关生命周期方法的内容

您应该在SubmitHandler中调用api,并根据您的用例进行调用

对于
componentDidMount
,它通常用于调用安装组件时所需的方法


您可以阅读其他答案中提到的生命周期方法,这完全取决于用例,您可以在componentDidMount或SubmitHandler中调用API

一些常见用例:

  • 当我想在视图呈现后调用API时,我将使用
    ComponentDidMount
    来简单地调用API。我不会等待任何来自用户的点击事件
如果有人告诉您“您应该使用componentDidMount”,那么他们可能正在讨论这个用例

  • 若在我的页面上有一个提交按钮,并且我想在有人点击该按钮时调用API,那个么我将使用onClick事件。在这种情况下,我不能在ComponentDidMount中调用API

有一篇关于生命周期的精彩文章

如其他答案中所述,它完全取决于用例,您可以在componentDidMount或在SubmitHandler中调用API

一些常见用例:

  • 当我想在视图呈现后调用API时,我将使用
    ComponentDidMount
    来简单地调用API。我不会等待任何来自用户的点击事件
如果有人告诉您“您应该使用componentDidMount”,那么他们可能正在讨论这个用例

  • 若在我的页面上有一个提交按钮,并且我想在有人点击该按钮时调用API,那个么我将使用onClick事件。在这种情况下,我不能在ComponentDidMount中调用API

网上有一篇关于生命周期的精彩文章

一些教程。假设我需要连接我的webapi,我应该用onClick方法来连接?是的,如果点击是提示表单与api通信的偶数,那么这就是你应该使用的。或者更好的是,您的onClick方法调用一个单独的异步函数,该函数提交给api,并且可以在其他地方重用。假设我需要连接我的webapi,我应该用onClick方法来连接?是的,如果点击是提示表单与api通信的偶数,那么这就是你应该使用的。甚至更好的是,onClick方法调用一个单独的异步函数,该函数提交给api,并且可以在其他地方重用。