Component组件is如何使用字符串？

Question

demo：
https://codesandbox.io/s/dist...

vue3 + vite2

<component v-for="c in blockList"  :key="c.id"  :is="c.component" />

c = {
...
component: "TextBlock"
}

渲染出来的是

<text-block/>

这个该怎么办呢？

Answer 1

你别是没有注册组件吧

Answer 2

c.component 的值需要是一个导入的组件

import MyComponent from 'xxx'

c = {
  component: MyComponent
}