hyper-react icon indicating copy to clipboard operation
hyper-react copied to clipboard

support functions as children

Open catmando opened this issue 7 years ago • 0 comments

currently you cannot say this:

Foo do
  lambda (x) { DIV { x } }
end

even though its legal JS... i.e. we only allow strings or other components. We should also allow functions, but we probably make render operate on procs to make it work properly...

Foo do
  (lambda (x) { DIV { x } }).render
end

see https://medium.com/merrickchristensen/function-as-child-components-5f3920a9ace9 for more info... but don't be too confused... `children` in React, strangely enough, returns either an element or an array.  i.e. if there is only one child, then children is that child, but if there multiple...  It just makes these examples confusing.  Woah its madness... see https://mxstbr.blog/2017/02/react-children-deepdive/

catmando avatar Feb 19 '18 20:02 catmando