How to create js template literals in ReasonML/BS

[eriklott]

Hi Folks. Does anyone know how to generate and populate a js template literal from Reason or Bs? For example:

let view state = 
   [%magic  `<div>${state.name}</div>` %]

I can use raw tags to create a template literal, but I don’t see any direct way to populate the variable fields.

 [%raw {| `<div>${state.name}</div>` |}]

Has anyone attempted this before? Any help is appreciated!

[maarekj]

Try it

    let f = fun%raw (state) => "`<div>${state.name}</div>`";

More info here https://bucklescript.github.io/docs/en/embed-raw-javascript.html

[eriklott]

Well, there it is . Thanks!

[joakin]

You could use Quoted strings

• https://reasonml.github.io/docs/en/string-and-char.html#quoted-string
• https://bucklescript.github.io/docs/en/common-data-types.html#interpolation

let world = {js|世界|js}; /* Supports Unicode characters */
let helloWorld = {j|你好，$world|j}; /* Supports Unicode and interpolation variables */