如何在反应原生的功能组件中过滤 state 阵列

Question

我在功能组件中定义了一个数组作为 state 变量

const [MessageResultsFirebase, setMessagesFirebase] = useState<MessageCellPropsFirebase[]>();

我想使用 Array.filter function 对其进行过滤以更新列表。

var filterResult: MessageCellPropsFirebase = MessageResultsFirebase?.filter((element, index, array)=>{
       return (element.key == snapshot.key);
     });

但它给出了错误“找不到未定义的属性过滤器”。 PS： console.log(MessageResultsFirebase); 在相同的上下文中工作。请帮助我对这些不熟悉。

Answer 1

所以这是由于在 Usestate function 中声明的类型而不是

const [MessageResultsFirebase, setMessagesFirebase] = useState<MessageCellPropsFirebase[]>();

它应该是

const [MessageResultsFirebase, setMessagesFirebase] = useState<Array<MessageCellPropsFirebase>>();

希望它对新的 Typescript 有所帮助。