convert object to <ul><li> and <dl><dt><dd> in CoffeeScript for React.js

json2html.coffee

json2html = (obj) ->
  if obj instanceof Array
    list = json2html o for o in obj
    <ul>{list}</ul>
  else if obj instanceof Object
    list = ([
      <dt>{key}</dt>
      <dd>{json2html value}</dd>
    ] for key, value of obj)
    <dl>{list}</dl>
  else
    obj.toString()

json2html [
  "hoge",
  "fuga",
  "dict":
    "nuga": "moge"
    "foo": [
      "bar",
      "bar2"
    ]
]

<ul>
  <li>hoge</li>
  <li>fuga</li>
  <li>
    <dl>
      <dt>dict</dt>
      <dd>
        <dl>
          <dt>nuga</dt>
          <dd>moge</dd>    
        </dl>
      </dd>
      <dt>foo</dt>
      <dd>
        <ul>
          <li>bar</li>
          <li>bar2</li>
        </ul>
      </dd>
    </dl>
  </li>
</ul>