我试图理解为什么我似乎无法将参数传递给选择器。
本质上:我有一个存储数字和布尔值的逻辑 - 该数字是我想要选择材料元素的参数 - 我有一个调度操作的按钮:
//on a jobcard - dispatches to the material logic slice, pushing the number into the redux state: materialforJobNumber;
<button className="materialViewer" onClick={() =>{dispatch(materialView(data.jobsessionkey))}}> MATERIAL</button>
它分派到逻辑片:
//logic slice
materialView:(state, action)=>{
console.log("what");
console.log("material view succesfully called", action);
const newState = {...state};
console.log(newState);
newState.materialforJobNumber = action.payload;
newState.showMaterial=true;
return newState
},
//the component that handles displaying the list of material for a job;
import {selectAttachedByJobKey} from "../MaterialCard/MaterialSlice";
const store= useStore();
const foundJN = store.getState().logic.materialforJobNumber;
const selectedJob=store.getState().jobs.find(x=>x.jobsessionkey==foundJN);
const materials = useSelector(selectAttachedByJobKey(foundJN));
const materialCards = materials.filter(x=>x.AttachedJobKey==foundJN).map((x,i)=><MaterialCard props={x} key ={i} />)
//material slice:
import { createSlice } from '@reduxjs/toolkit';
export const selectAttachedByJobKey = (state,action) =>{
console.log("selecting material by job key",action);
console.log(action?.payload);
console.log(state);
return state.material.filter(x=>x.AttachedJobkey===action?.payload);
}
我试图通过单击按钮来显示“工作”的相关材料。我正在使用 createReducer 函数模式,但我对如何实现这一点有点迷失 - 是否有更干净的方法来使用带有属性的选择器?
慕无忌1623718
相关分类