TypeScript动态属性过滤Mobx可观察列表

编程问答 2022-08-16

问题描述

我有一个使用Typescript在React中构建的日历应用程序。我目前正在尝试将所有日历事件存储在单个可观察对象中，并根据日期选择一系列事件

我的事件对象看起来像这样

events = {
    '17-08-2020': [Array of events],'18-08-2020': [{},{},{}]
}

此结构背后的想法是，日期键始终是唯一的，因此我可以轻松地将事件推送到此键所标识的数组中。

出现问题是因为打字稿限制了我。当我访问组件中的商店时，出现此错误Element implicitly has an 'any' type because expression of type 'string' can't be used to index type。

当我尝试使用计算属性来获取商店中的元素时，我得到getter must not have any formal parameters

商店 

@observable events = {}

@computed 
get filteredEvents(key) {
    return this.events[key]
}

解决方法

只要告诉打字稿，键可以是任何字符串，而不仅仅是事件对象上具有的预定义字符串。

buildResultCard(context,element);

对于带有参数的计算值，您可以遵循以下文档：Computeds with arguments

javascriptmobxmobxmobxmobxtypescripttypescripttypescript