我是新的反应.我想开始一个我自己的小世界示例.
大多数教程都提供如下内容:
app.js
var React = require('react');
var ReactDOM = require('react-dom');
var reactElement = React.createElement('h1', { className: 'header' },
'This is React');
ReactDOM.render(reactElement, document.getElementById('react-
application'));
Run Code Online (Sandbox Code Playgroud)
的index.html
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge, chrome=1" />
<title>Snapterest</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/
bootstrap/3.3.5/css/bootstrap.min.css">
</head>
<body>
<div id="react-application">
I am about to learn the essentials of React.js.
</div>
<script src="./app.js"></script>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
问题是,那个例子需要的NodeJS(用于requeir()的一部分)和NPM安装和NPM开始..这一切.
我可以像这样在没有nodeJS的情况下做到这一点
app.js
var reactElement = React.createElement('h1', { className: 'header' },
'This is React');
ReactDOM.render(reactElement, document.getElementById('react-application')); …Run Code Online (Sandbox Code Playgroud)