关于交叉类型的控制台报错
来源:9-6 AutoComplete 支持自定义模版

猪猪oO
2020-04-05
请问老师,我直接将提交中的代码拷贝到ide中,控制台报截图中的问题,我不理解为什么会出现,麻烦解答下,谢谢
写回答
2回答
-
同学你好 这个代码在这个章节确实有一些小问题 但是当时编辑器没有报错 故没有发现,最后提交的代码已经修复了这个 bug,因为我们在 renderOption 这个函数中item的类型, DataSourceType<LakerPlayerProps> 和 DataSourceType 是不一样的,所以会报这个错误,我们可以使用类型断言解决这个问题。 函数稍微修改一下。
const renderOption = (item: DataSourceType) => { const itemWithNumber = item as DataSourceType<LakerPlayerProps> return ( <> <b>名字: {itemWithNumber.value}</b> <span>球衣号码: {itemWithNumber.number}</span> </> ) }
谢谢你认真代码后的发现。
722020-09-05 -
pino宋
2020-04-15
interface LakerPlayerProps{
value:string;
number?:number;
}
这样好像也可以
00
相似问题