我正在嘗試遵循 react-redux 模板中的反例，但我似乎無法匯出自己的setOwner減速器。
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;
我要匯入setOwner的地方carForm.tsx：
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();
}
匯入時的錯誤是：Module '"./ownerSelector"' has no exported member 'setOwner'. Did you mean to use 'import setOwner from "./ownerSelector"' instead?ts(2614)
我究竟做錯了什么？謝謝。
uj5u.com熱心網友回復：
在 redux 工具包和任何 redux 中，您需要調度操作。
export const { setOwner } = ownerSlice .actions
//now you can use it in dispatch
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/442524.html
標籤：javascript 反应 打字稿 还原
上一篇：嵌套動態物件的打字稿回傳型別
下一篇：如何將引數傳遞給守衛？