Rendering props.children without a wrapper about preact HOT 10 CLOSED

I don't personally have a use for it, but I'm assuming it's a feature Preact will need to support. It doesn't fit well into the current model, but that's something I'm already changing.

from preact.

Hi @nightwolfz,

Just return props.children[0], no wrapper should be required. In preact, children is always an Array. This avoids needing to build an API for managing an abstract "maybe array" type. preact-compat does include the React.Children for abstracting this if you need them to look identical.

Here's your code with the added [0] working:
https://jsfiddle.net/developit/jqd96rhv/

Cheers!

from preact.

There is an experimental PR: #703.

from preact.

Thanks @developit

That works if you know that you will only have one child.

Is it possible to return an array of children from the render method without wrapping?

https://jsfiddle.net/cfvcrr7d/1/

from preact.

No, sorry :( - Neither React nor Preact support that. It has to do with tracking DOM Node ownership. I have a few thoughts around how it might be possible to implement, but they are all pretty bloated sadly. In my own work, the couple times I've wanted to do this I actually use a function instead of a component. Since a lot of my components are just pure functions that take props and return JSX, it's as simple as swapping out <Foo /> for {Foo()}:

const ITEMS = [1, 2, 3, 4, 5];

const List = () => (
  <div>
    <h1>list of things:</h1>
    <ul>
      { ListItems() }
    </ul>
  </div>
);

const ListItems = () => (
  ITEMS.map( item => <li>{ item }</li> )
);

on jsfiddle

from preact.

You're right, I incorrectly assumed that React always returns children as an array as well but this seems not to be the case.

from preact.

@developit sad thing :-) Would be great to get "returning arrays" support.

from preact.

@developit I think Fiber is going to support this. Have you had any thoughts on this since your last reply? We've supported this in the past in Skate and it was quite convenient.

from preact.

Is there anything new? Does 8.2.1 support it?

from preact.

You saved space on a Maybe class definition, which is fixed saving, but every component must have extra 3 letters.

from preact.