问题描述
我正在使用 zustand 和 typescript。我的代码出现此错误
Property 'filter' does not exist on type 'object'.ts(2339)
我不知道如何解决这个问题。 我正在从我的 useStore 库中创建一个对象。 我试过使用“类型”,但它在代码编辑器上抛出这些错误 error
TS
import React from "react";
import "./App.css";
import create from "zustand";
type PkState = {
filter: "",pokemon: [],}
const useStore = create((PkState) => ({
PkStateFilter: (filter) =>
PkState((state) => ({
...state,filter,})),PkStatePokemon: (pokemon) =>
PkState((state) => ({
...state,pokemon,}));
// input
const FilterInput = () => {
const filter = useStore((state) => state.filter);
const PkStateFilter = useStore((state) => state.PkStateFilter);
return ( <input value={filter} onChange=((evt)=>PkStateFilter(evt.target.value)) />
)
};
function App() {
return <div className="App"></div>;
}
export default App;
解决方法
我不确定这是否会奏效,请在接下来的方式中尝试分散 filter
的注意力:
const { filter } = useStore((state) => state);
您也可以使用 console.log 调试 useStore
,以检查返回的内容:
const returnedState = useStore((state) => state);
// Check does `filter` exists in state
console.warn('returnedState',returnedState);