视图不渲染反应

Question

我开始使用React。我已经编写了几个代码，但是这个代码在视图中没有渲染。你可以帮我解决问题所在吗？

var Card = React.createClass({
    render: function () {
        return
        (
        <div>
    <h3>Name Here</h3>
        </div>)
    }});



var Main = React.createClass({
    render: function () {
        return (
            <div>
                <Card/>
            </div>
    )
    }
})

ReactDOM.render(
<Main/>,
document.getElementById('root'));

Answer 1

我发现了这个

return
(

是罪魁祸首:)。它只是在没有考虑其余部分的情况下返回。

这是工作片段。

＆＃13;

＆＃13;

var Card = React.createClass({
    render: function () {
        return(
        <div>
    <h3>Name Here</h3>
        </div>)
    }});



var Main = React.createClass({
    render: function () {
        return (
            <div>
                <Card/>
            </div>
    )
    }
})

ReactDOM.render(
<Main/>,
document.getElementById('root'));

＆＃13;

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script>
<div id="root"></div>

＆＃13;

＆＃13;

＆＃13;