码迷,mamicode.com
首页 > 编程语言 > 详细

[REASONML] Using Javascript npm package from REASON

时间:2017-10-28 11:23:25      阅读:240      评论:0      收藏:0      [点我收藏+]

标签: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.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

标签:render   name   pack   asc   span   code   component   sid   mil   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!