Reason React

Edit this Doc

React Element

What if you want to return null from a render? Or pass an array as children? Or a string?

In ReactJS, you can easily do: <div> hello </div>, <div> 1 </div>, <div> null </div>, etc. In Reason, the type system restrict you from passing arbitrary data like so. Fortunately, we special-case a few special elements of the type ReasonReact.reactElement:

  • ReasonReact.nullElement: this is your null.
  • ReasonReact.stringToElement foo: this takes a string and casts it to reactElement. You'd use <div> (ReasonReact.stringToElement (string_of_int 10)) </div> to display an int.
  • ReasonReact.arrayToElement foo: takes an array and casts it to reactElement.
← PreviousNext →