Reactjs React-在子组件中的fetch api调用后取消绑定以加载内容
我主要有3个组件- Contact Component—它将被加载,因为fetch api是用ComponentDidMount编写的,我们可以看到显示用户列表的数据 当您单击特定用户时,它的id为param,将调用handleClick中的另一个api,并将成功获得响应并更新状态。理想情况下,当状态更新时,contact Component render需要再次渲染,并且数据处于状态,它将显示子组件,但不显示 我的理解是,每当状态发生变化时,组件将再次重新渲染,此时,我的条件得到满足,并将显示子组件。 如果我错了,请纠正我 下面是指向编辑器的链接,其中包含代码Reactjs React-在子组件中的fetch api调用后取消绑定以加载内容,reactjs,Reactjs,我主要有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```