javascript - React redux 导入 reducer 调度

Question

我正在尝试遵循react-redux模板中的计数器示例，但我似乎无法导出我自己的setOwner reducer 。

ownerSelector.tsx:

export  const ownerSlice = createSlice({
  name: 'owner',
  initialState,

  reducers:{
    setOwner: (state) => {    //Export this reducer
      let own = document.getElementById("OwnerSelector") as HTMLSelectElement
      state.id = parseInt(own!!.options[own.selectedIndex].value);
    }
  },
  extraReducers: (builder) => {}
})

export const selectOwner= (state: RootState) => state.selectedOwner.id;
export default ownerSlice.reducer;

我想在carForm.tsx中导入setOwner:

import {setOwner} from './ownerSelector'; // error here


    let submitHandler = (e: React.FormEvent<HTMLElement>) => {
        e.preventDefault();

        dispatch(setOwner())
        const formData = {
            car: {
                year: year,
                make: make,
                model: model,
                price: price,
                person_id: owner,
            }
        }
        dispatch(createCarAsync(formData));
        resetState();
    }

导入时的错误是:模块“./ownerSelector”没有导出的成员“setOwner”。您是否想改用“import setOwner from "./ownerSelector"”？ts(2614)

我做错了什么？谢谢。

Answer 1

在 redux 工具包和任何 redux 中，您都需要分派(dispatch)操作。

export const { setOwner } = ownerSlice .actions 
//now you can use it in dispatch