Vue: functional component can't render multiple root nodes if they are functional components too

Created on 8 Mar 2018  ·  3Comments  ·  Source: vuejs/vue

Version

2.5.13

Reproduction link

https://jsfiddle.net/senid231/cxuoxdme/24/

Steps to reproduce

just observe JSFiddle link

What is expected?

To see <span>Hi</span> 32 times (2^^5)

What is actually happening?

undefinedundefined

it renders undefined instead of each functional component

picture senid231
👍1

Most helpful comment

This has been fixed in 8335217cb4bd13fb07e08a76c07df0fceed6c197 (not released yet)

picture yyx990803 on 9 Mar 2018
🎉2 👍1

All 3 comments

functional components can render multiple VNodes (according to https://github.com/vuejs/vue/issues/7088#issuecomment-345855657)
but seems that it can't do that if VNode wrapped with another functional component

senid231 picture senid231 on 8 Mar 2018
😕1

This has been fixed in 8335217cb4bd13fb07e08a76c07df0fceed6c197 (not released yet)

yyx990803 picture yyx990803 on 9 Mar 2018
🎉2 👍1

I was in the process of writing composition as much as programming to send a request for this problem due to inadequate English skills. . .
very very very very great!!!

ayumu-fujii picture ayumu-fujii on 13 Mar 2018
Was this page helpful?
0 / 5 - 0 ratings

Related issues

finico picture finico  ·  3Comments
paulpflug picture paulpflug  ·  3Comments
seemsindie picture seemsindie  ·  3Comments
wufeng87 picture wufeng87  ·  3Comments
franciscolourenco picture franciscolourenco  ·  3Comments