如何在功能组件中呈现嵌套元素

Question

我正在研究如何在组件和功能组件中呈现多个根元素。组件是解决方案，对我来说一切都很好，但不确定如何呈现嵌套元素。

请检查我描述的代码中的comment。

export default {
name: 'MyFnlComp',
functional: true,
render(createElement, { props }) {
const itemIndex = props.item.index;
const nestedEle = createElement('div', {}, 'nested element goes here');
const catCard = createElement('div', {}, nestedEle); // this doesn't work :(
const userCards = createElement('div', {}, 'Hey! this works'); // this works :)
return [catCard, userCards];
},
};

Answer 1

createElement的最后一个参数应该是字符串或数组。。

const catCard = createElement('div', {}, [nestedEle]);