首页 > 编程语言 > 详细

[REASONML] Using Javascript npm package from REASON

时间:2017-10-28 10:32:22      阅读:257      评论:0      收藏:0      [点我收藏+]

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

What we can do is create a module file:

//Moment.re

type 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

原文:http://www.cnblogs.com/Answer1215/p/7745823.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!