Reactjs React-在子组件中的fetch api调用后取消绑定以加载内容

Reactjs React-在子组件中的fetch api调用后取消绑定以加载内容,reactjs,Reactjs,我主要有3个组件- Contact Component—它将被加载,因为fetch api是用ComponentDidMount编写的,我们可以看到显示用户列表的数据 当您单击特定用户时,它的id为param,将调用handleClick中的另一个api,并将成功获得响应并更新状态。理想情况下,当状态更新时,contact Component render需要再次渲染,并且数据处于状态,它将显示子组件,但不显示 我的理解是,每当状态发生变化时,组件将再次重新渲染,此时,我的条件得到满足,并将显示

我主要有3个组件- Contact Component—它将被加载,因为fetch api是用ComponentDidMount编写的,我们可以看到显示用户列表的数据

当您单击特定用户时,它的id为param,将调用handleClick中的另一个api,并将成功获得响应并更新状态。理想情况下,当状态更新时,contact Component render需要再次渲染,并且数据处于状态,它将显示子组件,但不显示

我的理解是,每当状态发生变化时,组件将再次重新渲染,此时,我的条件得到满足,并将显示子组件。 如果我错了,请纠正我

下面是指向编辑器的链接,其中包含代码


有一个逻辑错误

  • fetchUser
    是一个对象,因此条件呈现
    fetchUser.length>0&
    不会将任何组件呈现为
    (object.length=undefined)>0=false
  • 由于上述原因,您的子组件将不会有一个指向
    map()
    的数组,因此只需在那里显示对象即可

  • 固定代码可以在此处看到。

    请添加您尝试的代码。还有您拥有的组件。@its4zahoor您能检查一下这个链接吗?它的所有组件都在src folderI saw中,工作正常,您已经将数据对象与fetchUser对象混淆了。看到了,当然..我在聊天室@its4zahoor
        ```Step1-Click on Contact link```
    
        ```Step2-ComponentDidMount works and will load content```
    
        ```Step3-try to click any edit button of any user-HandleClick will work and will fecth data and update state,but its not showing the child component,thats is supposed to render when data is there```