我试图遵循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;
我想在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();
}
导入时的错误是:Module '"./ownerSelector"' has no exported member 'setOwner'. Did you mean to use 'import setOwner from "./ownerSelector"' instead?ts(2614)
我做错了什么?谢谢