如何渲染儿童在Qwik？

Question

在反应中，我有这样的成分：

const Title = ({ children }) => {
    return <h2>{children}</h2>
}

export default Title

我可以很容易地用它作为<Title>Something</Title>

在Qwik中，我可以创建相同的组件：

import { component$ } from '@builder.io/qwik'

const Title = component$(({ children }) => {
    return <h2>{children}</h2>
})

export default Title

但是<Title>Something</Title>不起作用。甚至<Title children='Something' />也不起作用。但是，如果我将道具名更改为text，那么<Title text='Something' />就能工作。

然而，在实际应用程序中，必须具备嵌套组件并以特殊名称重用它们的能力。

我怎样才能让孩子们在Qwik？

Answer 1

Qwik用插槽代替孩子

import { component$, Slot } from '@builder.io/qwik'

const Title = component$(() => {
    return <h2><Slot /></h2>
})

export default Title

请参阅https://qwik.builder.io/docs/components/projection/