代码拉取完成,页面将自动刷新
现在双向绑定name和size并不会触发更新
希望可以通过以下去更新icon视图
<d-icon name={iconName} size={iconSize}></d-icon>
iconName
、iconSize
动态改变
另外setup中对props进行解构会造成render函数中name和size双向绑定失效,导致父组件更新了name或size,icon却不更新的问题
可以通过以下代码复现
{ showPreviewIcon
? <d-icon name="preview" size="12px"/>
: <d-icon name="preview-forbidden" size="12px" />
}
此时需要给icon组件添加key值暴力更新
{ showPreviewIcon
? <d-icon name="preview" size="12px" key={1} />
: <d-icon name="preview-forbidden" size="12px" key={2} />
}