Javascript 在一个js文件中创建组件并在另一个js文件中渲染时，React.render（）出现错误_Javascript_Node.js_Reactjs_Rendering

Javascript 在一个js文件中创建组件并在另一个js文件中渲染时，React.render（）出现错误

javascript node.js reactjs

Javascript 在一个js文件中创建组件并在另一个js文件中渲染时，React.render（）出现错误,javascript,node.js,reactjs,rendering,Javascript,Node.js,Reactjs,Rendering,我是新手。我已从以下网站下载了最新的JS文件包：我在HTML文件中为JavaScript文件设置了路径，并开始处理它当我在同一个文件中创建一个组件并在同一个JavaScript文件中呈现该组件时，效果很好。但当我在一个JavaScript文件中创建一个组件，并通过导入将其呈现在另一个JavaScript文件中时，它给了我一个错误下面是正在运行的示例代码： var FindEmp= React.createClass({ render:function(){ retu

我是新手。我已从以下网站下载了最新的JS文件包：

我在HTML文件中为JavaScript文件设置了路径，并开始处理它

当我在同一个文件中创建一个组件并在同一个JavaScript文件中呈现该组件时，效果很好。但当我在一个JavaScript文件中创建一个组件，并通过导入将其呈现在另一个JavaScript文件中时，它给了我一个错误

下面是正在运行的示例代码：

var FindEmp= React.createClass({
    render:function(){
        return(
                <p>EMPID <input type='text'/></p>
                );
    }
});

React.render(<FindEmp/> , document.getElementById('content'))

var FindEmp=React.createClass({
render:function（）{
返回(
埃皮德
);
}
});
React.render（，document.getElementById（'content'））

如果把它写在下面的两个文件中，它就不起作用了

app.js

'use strict';

var React = require('react');
var React = require('react/addons');
var FindEmp= require('./components/FindEmp.react');


React.render(<FindEmp/> , document.getElementById('content'));  //This Line is                    giving me error saying

var React = require('react');
var ReactPropTypes = React.PropTypes;

var FindEmp = React.createClass({
    render:function(){
        return(
                <p>EMP ID <input type='text'/></p>
                );
    }
});
module.exports = FindEmp;

“严格使用”；
var React=要求（'React'）；
var React=require（'React/addons'）；
var FindEmp=require（'./components/FindEmp.react'）；
React.render（，document.getElementById（'content'））//这句话给了我错误的说法

FindEmp.react.js

'use strict';

var React = require('react');
var React = require('react/addons');
var FindEmp= require('./components/FindEmp.react');


React.render(<FindEmp/> , document.getElementById('content'));  //This Line is                    giving me error saying

var React = require('react');
var ReactPropTypes = React.PropTypes;

var FindEmp = React.createClass({
    render:function(){
        return(
                <p>EMP ID <input type='text'/></p>
                );
    }
});
module.exports = FindEmp;

var React=require（'React'）；
var ReactPropTypes=React.PropTypes；
var FindEmp=React.createClass({
render:function（）{
返回(
EMP ID
);
}
});
module.exports=FindEmp；

index.html

<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Insert title here</title>
    <script src="lib/JSXTransformer.js"></script>
    <script src="lib/react.js"></script>
    <script src="lib/react-with-addons.js"></script>

    <script src="lib/jquery.min.js"></script>
    <script src="lib/marked.min.js"></script>
</head>
<body>

<script type="text/jsx" src="js/app.js"></script>
    <script type="text/jsx">

    </script>
</body>
</html>


在此处插入标题

您确实错过了

 <div id="content"></div>

我什么也找不到。

在app.js的引用上方放置是很重要的。
对于这个示例，我使用的是react.js文件。删除了js文件并开始使用npm react工具和web包。这解决了我的问题。我已经通过以下网站获取了一个样本。。
Uncaught SyntaxError:我使用的是browser.js，这是一个意外的标记，即使我使用npm在命令行中尝试了babel。当我执行webpack-w时。它说webpack不是一个内部或外部命令。。我在网站上尝试了笔记录教程视频哦，谢谢你的更正。现在我得到了一个错误：未捕获的引用错误：需求没有定义。首先，我必须承认，我也是一个新的反应者，只是想在实践中学习，所以请原谅我的错误。无论如何，在客户端使用require对我来说似乎很奇怪。您的程序从index.html开始，所有内容都在客户端的浏览器中运行，所以并没有require或nodeJS之类的东西。您可以简单地将代码拆分为两个单独的文件，然后使用