私は3つのレデューサーでclientPrivileges
,userFilter
およびuserData
の3つのレデューサーを使用した反応性還元アプリを持っています。別の状態からのデータに依存するアクション
テーブルコンポーネントは各ユーザーのデータを表示するために使用され、ドロップダウンコンポーネントは特定のユーザー用にこのテーブルをフィルタリングするために使用されます。特定のユーザーに対してドロップダウンが選択されると、データを取得するためにバックエンドを呼び出す必要があります。あなたは、私がバックエンドだけでなく、userId
に送信する必要がaccessTypeId
と呼ばれる引数を持っていることがわかりますしかし
selectUser(userId, dispatch) {
api.getUserData(userId, accessTypeId, (data) => {
dispatch(userActions.update(data));
});
return{
type: selectUser,
userId
}
}
:これは、この関連付けられたアクションです。この値は、アプリにログインするときにclientPrivileges
レデューサーを使用して店舗で設定されています。
mapStateToProps
にドロップダウンコンポーネントの小道具としてaccessTypeId
を設定する以外の方法はありません。そして、コンポーネント自体で:
this.props.users.map(u => {
function onClick()
{
selectEndUserGroup(u.id, this.props.accessTypeId);
}
return <div id={"filter_group_"+u.id} key={u.id} onClick={onClick}>{name}</div>
しかし、今、私はaccessTypeId
財産と私の一般的なドロップダウンコンポーネントを破壊してきました。私はこれをどのようにしなければならないのですか?