私のreactコンポーネントには次のコードがあります。
componentDidMount() {
getOrganizationsForUserTemp().then((organizations) => {
this.setState({
userOrganizations: organizations,
});
});
getUsersOfOrganizationTemp().then((users) => {
this.setState({
userOrganizations: users,
});
})
}
上記のコードは2つのajax呼び出しを開始し、応答が取得されると、コンポーネントの状態を更新して、コンポーネントを再レンダリングします。
私の問題は、最初の応答を受信するとコンポーネントが完全にレンダリングされ、2番目の応答が来ると以前にレンダリングされたコンポーネントがDOMから消えることです。2番目の応答が状態を更新するとき、前の応答状態への参照はないと思います。
1つのコンポーネントに複数のajax呼び出しを含めることができるように、複数のajax呼び出しを管理するにはどうすればよいですか?私はここで何が間違っているのですか。
両方のajax呼び出しの応答を同じstate
変数に保存しているため、この問題に直面しています。
あなたは次のようなことをする必要があります
componentDidMount() {
getOrganizationsForUserTemp().then((organizations) => {
this.setState({
userOrganizations: organizations,
});
});
getUsersOfOrganizationTemp().then((users) => {
this.setState({
users: users,
});
})
}
organizations
&user
は個別の状態変数に格納されます。
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加