Javascript 反应路由器：'；不变冲突：无效标记：{HelloWorld}'；，而组件就在那里

我是React新手，正在尝试使用React路由器（v1.0.0）提高速度

我已经设置了一个简单的组件和一个简单的路由，但它给了我一个错误：

不变冲突：无效标记：{HelloWorld}

。你可能会认为这是一个明显的错误，但我不知道代码出了什么问题

这是：

var HelloWorld = React.createClass({
    render: function() {
        return (
            <p>Hello world</p>
        );
    }
});

var routes = (
    <Router>
        <Route path="/" component="{HelloWorld}"/>
    </Router>
);

ReactDom.render(routes, document.querySelector('#main'));

var HelloWorld=React.createClass({
render:function（）{
返回(
你好，世界

);
}
});
变量路由=(
);
render（routes、document.querySelector（“#main”）；

如果我在

ReactDom.render

语句中使用

切换出

路由

，它工作正常

---

非常感谢您的帮助

如果您再次查看文档，您将看到

组件

需要的是对组件的引用，而不是字符串：

component={HelloWorld}
//        ^          ^

---

在JSX属性值中，

“…”

表示一个字符串（就像在JavaScript中一样，

{…}

表示任意JavaScript表达式。因此，

“{HelloWorld}”

与

{HelloWorld}

非常不同

感谢您的快速响应和解决我的问题！有趣的是，你竟然忽视了无数次这样的事情……谢谢你！你刚刚救了我一个早上。