在自定義對象的本機打字稿中搜索過濾器完成後無法分配數據

Anilkumar iOS - ReactNative

我有一個自定義對象,一個數組,並在其中存儲 api 響應,並將該數據顯示到 UI 以供 flatlist 使用。

export type userInfo = {
  id: string,
  title: string,
  email: string,
  userAccount: number
};

export type userData = {
  page: number,
  pageSize: number,
  userInformation: userInfo[]
}

export const User: FunctionComponent = () => {

       const [search, setSearch] = useState('');
      const [userInfo, setUserInfo] = useState<userInfo>();
  
      const [arrayholder, setArrayholder] =useState<userInfo>();

      useEffect(() => {
          setUserInfo(someState.userInfo);
          setArrayholder(someState.userInfo);
      }, [someState]);

searchData= (text: any)=>  {
            const newData = arrayholder?.userData.filter(item => {
                const itemData = item.title.toUpperCase();
                const textData = text.toUpperCase();
                return itemData.indexOf(textData) > -1
              });
              console.log("newData is", newData) //here throwing error
              setUserInfo(newData)
                setSearch(text)    
              }

}

          return (

//here showing searchbar
//here showing flatlist showing with userInfo

)

嘗試為 userInfo 設置 newdata 時,顯示以下錯誤並且無法在 flatlist 中顯示搜索數據。

  Type 'userInfo[]' provides no match for the signature '(prevState: userInfo | undefined): userData | undefined'.ts(2345)

有什麼建議?

我是打字稿語言的新手

邁克爾·巴爾

filter 返回一個數組:

arrayholder?.activities.filter

這就是 userInfo 需要數組類型參數的原因。

const [userInfo, setUserInfo] = useState<userInfo[]>();

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何在react js打字稿中過濾對像數組中的數據

在打字稿中過濾對象和返回鍵

根據打字稿中的請求參數設置貓鼬的查詢過濾器

如何根據過濾器推斷使打字稿限制數組類型?

無法訪問通過方法添加到自定義類中的集合的自定義對象

無法按列值過濾數據框

打字稿自定義映射到對象

如何根據特定對象過濾對像數組?

數據表 - 高級搜索/列過濾器?

vue 3 無法訪問方法中的數據對象

過濾數組以刪除反應中的過濾對象

gSheet - 無法使用數組中的過濾器獲得結果

過濾複雜對像中的數組數組並返回該對象

如何根據條件參數過濾對象?

休眠搜索:使用過濾器對嵌套對象進行排序,如何?

如何根據鍵過濾對象的數據並使新數組做出反應?

如何使用打字稿中的自定義鍵將數組轉換為對像數組?

打字稿:如何定義使用泛型引用對象的函數

嘗試根據 JS 中的幾個字段過濾一組對象

角度數據源過濾器

C# Linq 如何使用對象的數據過濾列表並將結果存儲在另一個列表中?

根據 id 數組過濾對像數組中的 id

無法使用組合框架將自定義數據保存到 CoreData 中

.isin() 函數在過濾 DataFrame 中的對象列時返回一個空集

MongoDB Compass:如何過濾 MongoDB 文檔中的嵌入數組對象

從數組中過濾對象並選擇字段

按 id 過濾數組對象 - REACT

如何過濾sql中的數據

有沒有辦法根據打字稿中數組中的字符串從對像中提取嵌套類型