类型对象上不存在属性“过滤器”

如何解决类型对象上不存在属性“过滤器”

我正在使用 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);