Component that accepts children

I am trying to write a wrapper component that puts a panel around whatever children are passed.

In React, I can usually do something like

var Frame = React.createComponent({
  render: function() {
    return <div>{ props.children }</div>
  }
});

and then use it like

<Frame>some content</Frame>

I assume that in Scalajs-React I can explicitly pass some props that contains Seq[ReactComponents] as a property, but I was wondering if the case of passing children, which has special treatment in React, also gets a special treatment here

[andreaferretti]

Thank you both, it works perfectly!

For future readers: what works is passing the children after the props when instantiating the component, and using a form of render with two parameters, like this:

val Panel = ReactComponentB[Props]
  .render((props, children) =>
   div(className := "hello", children)
  )
  .build

...
div(Panel(someProps, div("world")))

[marcadella]

Just for the record: to make a childless component accept children,

• Replace .renderBackend[Backend] with .renderBackendWithChildren[Backend]
• Replace def apply(p: Props) = component(p) with def apply(p: Props)(child: ChildArg*) = component(p)(child:_*)
• Replace def render(p: Props, s: State) with def render(p: Props, children: PropsChildren, s: State)
• Use the children in the render method (for example using vdomNodeFromPropsChildren(children))