Output javascript objects?

[unbug]

How to output javascript objects so we could use it for front-end pages?
maybe like this:

<script dangerouslySetInnerHTML={{__html:`
            var data = JSON.parse({this.props.users});
            console.log(data);
            `}}/>

[unbug]

I got a solution,do I miss the better way?

<script data-data={JSON.stringify(this.props.users)} dangerouslySetInnerHTML={{__html:`
            var data = JSON.parse(document.currentScript.dataset['data']);
            console.log(data);
            `}}/>

[sophiebits]

Something like this should work:

<script dangerouslySetInnerHTML={{__html: `
  var json = ${JSON.stringify(this.props.users)};
  var data = JSON.parse(json);
  console.log(data);
`}}/>

[unbug]

@spicyj Works like a charm!Where can I find the docs for this $?

[sophiebits]

It's a feature of ES6 (backtick) template literals, which you're using.

http://updates.html5rocks.com/2015/01/ES6-Template-Strings

[unbug]

@spicyj That's right!How come I don't think in that way,thanks man!