通过Jade（Pug）渲染React

Question

所以我使用Jade（Pug）通过Node渲染我的模板，并且我试图使用React与各种HTML元素进行交互。有没有特殊的方法来做到这一点？

React（favorite-item.js）

var FavouriteItemButton = React.createClass({
    getInitialState: function () {
        return {favourite: false};
    },
    handleClick: function (event) {
        this.setState({favourite: !this.state.favourite});
    },
    render: function() {
        var text = this.state.favourite ? 'like' : 'haven\t liked';
        return (
            <p onClick={this.handleClick}>
                You {text} this. Click to toggle.
            </p>
        );
    }
});

RenderDOM.render(
    <FavouriteItemButton />,
    document.getElementById('example')
);

我已经导入了React / React DOM，显然是上面的文件。我的Jade（index.jade）模板上有一个HTML元素：

p#example like

但点击没有任何改变，我认为它可以通过标签或一些通过Jade渲染React元素的特殊方式。

我的包括：

script(type='text/javascript' src='js/libs/react.min.js')
script(type='text/javascript' src='js/libs/react-dom.js')
script(type='text/babel' src='js/favourite-item.js')

我认为我应该将该类型包含为text / babel？