Could not multi components was rendered to body of document?

Hi, there

I’m rewriting my blog using preact, and I found returning multi components to document, console occurs error: nents/app.js: Adjacent JSX elements must be wrapped in an enclosing tag My code is below:

export default class App extends Component { render() { return ( <Header/> <Content/> ); } } Before all components was rendered, it must be wrapped <div> or other elements?

[developit]

It’s on the ToDo list, but extremely difficult given Preact’s current design.

[gaearon]

Note: In React 16, a new feature was added where you can return an array of elements without enclosing them in the single tag but I am not sure whether that feature exists in Preact or not.

I’d mention that React 16.2 adds a special React.Fragment export with slightly different semantics from vanilla arrays. React fragments can be keyed which is handy for returning “tuples” from map.

The plan is to have JSX compile <> to <React.Fragment>, but there’s a Babel pragma you can change (e.g. Preact could provide Preact.Fragment instead).