[REASONML] Using Javascript npm package from REASON

標籤：render   name   pack   asc   span   code   component   sid   mil   

For example, we want to use moment.js inside our ReasonML code.

What we can do is create a module file:

//Moment.retype tt;external momentWithDate : Js.Date.t => tt = "moment" [@@bs.module];external format : tt => string => string = "" [@@bs.send];

 

Using it inside component:

/* This is the basic component. */let component = ReasonReact.statelessComponent "Page";/* Your familiar handleClick from ReactJS. This mandatorily takes the payload,   then the `self` record, which contains state (none here), `handle`, `reduce`   and other utilities */let handleClick _event _self => Js.log "clicked!";let momentNow = Moment.momentWithDate(Js.Date.make());/* `make` is the function that mandatorily takes `children` (if you want to use   `JSX). `message` is a named argument, which simulates ReactJS props. Usage:   `<Page message="hello" />`   Which desugars to   `ReasonReact.element (Page.make message::"hello" [||])` */let make ::message ::times _children => {  ...component,  render: fun self =>    <div onClick=(self.handle handleClick)>     (ReasonReact.stringToElement message)     (ReasonReact.stringToElement times)     (ReasonReact.stringToElement (Moment.format momentNow "dddd"))    </div>};

 

[REASONML] Using Javascript npm package from REASON