Question

您好我刚刚开始在webstorm中使用react（jsx）创建我的meteor应用程序，而我似乎无法找出为什么我的React组件无论我搜索多少都无法渲染。

我关注this tutorial，这是我的html中的脚本

<script type="text/jsx">
    /*** @jsx React.DOM */

    var APP = React.createClass({
        render:function(){
            return (
                <div>
                    <h1>this is a app</h1>
                </div>
                )
        }
    });

    React.renderComponent(<APP />, document.getElementById('content'))
</script>

但是当我运行流星应用程序时，我得到了this in the browser

更新：问题最终导致我需要渲染我的组件我的流星文档（在js中）不在我的html

的jsx部分

Answer 1

看起来它只是抱怨jsx并且不喜欢标签。也许在没有jsx的情况下尝试使用renderComponent调用？

    React.renderComponent(React.createElement(APP, null), document.getElementById('content'))

否则，尝试将所有jsx（包括类定义）转换为本机js：

var APP = React.createClass({displayName: "APP",
        render:function(){
            return (
                 React.createElement("div", null, 
                    React.createElement("h1", null, "this is a app")
                 )
                )
        }
    });

    React.renderComponent(React.createElement(APP, null), document.getElementById('content'))

您可以使用Facebook提供的方便jsx compiler

无法呈现：我的流星应用程序中的React.renderComponent

1 个答案: