Wrapping A Component For Use In JavaScript
Last updated
Was this helpful?
Last updated
Was this helpful?
Consider the following component for displaying a greeting.
If we will just be using this component in a ReasonML context, then that is all we need.
If we want this component available for use in a JavaScript file, we have a little more work to do. We need to define the shape of the component's props using a bucklescript directive and then wrap the component so that it gets appropriate exported for a JavaScript context.
Here is what that looks like.
Our only prop is name
which is a string
. The wrapReasonForJs
function and accompanying binding to default
mean that we can import the compiled JS-equivalent like so:
See the for more details on Reason/JS interop.