我有一个数组这是一个有一堆在它的对象:
const standardStories = [
{
name: 'Executive Summary',
navLink: 'standard-stories/executive-summary',
cardIndex: 0,
storyBoxes: [
{
name: 'Chart Box',
values: commonStdStories.chartBoxValue,
graphics: commonStdStories.chartBoxGraphic,
},
{
name: 'Financial Chart',
values: commonStdStories.financialChartValue,
graphics: commonStdStories.pieChart,
},
{
name: 'Info Progress Bar',
values: commonStdStories.progressBarValue,
graphics: commonStdStories.progressBarGraphic,
},
],
},
{
name: 'High Cost Med',
navLink: 'standard-stories/hcc-med',
cardIndex: 2,
storyBoxes: [
{
name: 'Info Progress Bar',
values: commonStdStories.progressBarValue,
graphics: commonStdStories.progressBarGraphic,
},
{
name: 'Chart Box',
values: commonStdStories.chartBoxValue,
graphics: commonStdStories.chartBoxGraphic,
},
{
name: 'HCC Table',
value: commonStdStories.hccTable,
},
],
},
{
name: 'High Cost Rx',
navLink: 'standard-stories/hcc-rx',
cardIndex: 3,
storyBoxes: [
{
name: 'Info Progress Bar',
values: commonStdStories.progressBarValue,
graphics: commonStdStories.progressBarGraphic,
},
{
name: 'Chart Box',
values: commonStdStories.chartBoxValue,
graphics: commonStdStories.chartBoxGraphic,
},
{
name: 'HCC Table',
value: commonStdStories.hccTable,
},
],
},
]
还有更多,但你得到的图片。
我试图使用storyBoxes像这样:
standardStories.forEach(story => {
**story.storyBoxes.forEach(storyBox => {})**
})
在粗体线是我正在错误[ts] Cannot invoke an expression whose type lacks a call signature
只是想知道如何解决这个问题,所以我可以继续前进。理想的情况是我希望能够遍历每个故事检查每个在storyBox每个故事概述的storyBoxes的。
这取决于内部commonStdStories
的属性是什么类型。如果类型为storyBoxes
内部的性质并不一致,storyBoxes
的类型可能最终被阵列的联合,这是因为这些方法最终版本的是工会在每种类型不能作为数组使用联盟。
最简单的办法是增加一个明确的类型为恒,基于我的问题里面看到的,这将是一个版本:
interface IStory {
name: string;
navLink: string;
cardIndex: number;
storyBoxes: Array<{
name: string;
value?: string | number;
values?: string| number; // Typo maybe ? do you want both value and values ?
graphics?: string| number;
}>;
}
所以,我在storyBoxes阵列在改变名称boxName
并使value
要和别人一样values
解决了这个问题。
这不再是打字稿3.2的情况下。现在,如果一个工会的每一个成员是可调用的,工会本身是可调用的为好。