在父状态更新时呈现子组件道具
在父组件中：
我有一个布尔状态:const[isLoading,setIsLoading]=usesteat
我将其发送到子组件：
return (
<OrganisationPersonsLister personsStripped={personsStripped} isLoading={isLoading} />
);
const OrganisationPersonsLister = React.memo((props: { isLoading: boolean }) => {
}
根据布尔值，我希望它呈现不同的组件。
return (
<section className="org-person-lister">
{
(isLoading)
? <Spinner />
: <PopTable title={"title"} columns={columns} data={personsStripped} />
}
</section>
)
const viewOrganisation = (orgId: string) => {
const org = orgList.find(o => o.id === orgId);
if (org !== undefined) {
setIsLoading(true)
setChosenOrg(org);
PersonApi.fetchPersonsByOrganisationId(orgId).then(response => {
console.log("fetchPersonByOrganisationId: ", response)
setIsLoading(false)
setPersonsStripped(response)
}).catch(err => {
console.error("Error occurred: ", err);
setIsLoading(false)
setPersonsStripped([])
});
}
};
共有1个答案
尝试添加一个调用SetisLoading的useEffect（将其导入到您的useState旁边）。下面的伪代码
useEffect(() => {
if(...){
setIsLoading(true)
...
} else {
setIsLoading(false)
}
}, [var1, ...])
作为useEffect的第二个参数，您可以添加一个变量，您希望在该变量上进行更改以触发效果，从而更新状态
-
我有一个数组列表 记录在子组件中，它返回给我初始数组。 从API更改数据后 如果我在函数中将该数组记录在父组件中，我将得到一个对象数组。 它正在更改 ，但子组件没有。 我该怎么办？？
-
我正在学习如何应对，我整天都在试图找到解决问题的办法，但都没有成功。然后决定在这里提出我的第一个问题。 我有子组件，包括React-Datepicker组件和单独的“第二天”和“前一天”按钮来更改选定的日期。 SelectedDate存储在父组件的状态中。 我试图从子组件更新父组件的状态，当状态更新时，子组件应该重新呈现，因为该状态作为道具传递给同一个子组件。 我已设法从child更改父状态，但子
-
我是新手，基本上我正在尝试立即更新父组件的状态及其子组件（和）道具。当前仅更新父组件的状态。我会一步一步地解释清楚。 这里我有一个父组件 这个组件有两个对象数组（和），分别作为道具发送到和组件。接收selectedPlayer和setSseltedPlayer。两个组件都有一个组件和一个选择输入。在组件中，用户将选择一个团队，他们将显示所选团队的球员，而在组件中，将选择一个球员，他们将显示选中的玩
-
这个问题在这里已经得到了回答，但事情总是在变化。 基本上，父组件获取一些数据，子组件需要这些数据。 这是子组件。
-
我是reactjs的新手，我不知道如何从父组件中更改子组件的状态。下面是代码 每当对父组件中的执行时，我希望子组件接收。 有什么建议吗？
-
parentcomponent.js ChildComponent.js 为什么在单击后，子组件仍然显示旧值而不重新呈现？