JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://fb.me/JSXTransformer-0.10.0.js"></script>
<script src="http://fb.me/react-with-addons-0.10.0.js"></script>
<h1>Expected:</h1>
<svg height="100" width="200">
    <text x="10" y="10">reference</text>
    <text x="10" y="10" dy="30">under the reference</text>
</svg>
<h1>Actual:</h1>
<div id="react"></div>
<script src="http://fb.me/react-js-fiddle-integration.js"></script>

JavaScript 1.7

/** @jsx React.DOM */

var Svg = React.createClass({
    componentWillMount: function() {
        var self = this;
        setInterval(function() {
            self.setState({t: -self.state.t});
        }, 5000);
    },
    render: function() {
        return <svg>
            <text x="10" y="10">reference</text>
            <text x="10" y={this.state.t} dy={this.state.t}>under the reference</text>
        </svg>;
    }
});
 
React.renderComponent(<Svg/>, document.getElementById('react'));