我正在尝试在Visual Studio中设置TypeScript HTML应用程序。我想使用Reactjs v0.14.7。
我想避免使用Browserify等工具。
然而,如何使用react-dom
模块呢?
暂时忘记TypeScript吧。我需要先运行纯ES5代码。
目前,我有以下代码:
<script src="Scripts/react/react.js"></script>
<script src="Scripts/react/react-dom.js"></script>
<script>
var Button = React.createClass({
render: function () {
return (React.createElement("div", { className: "btn btn-default" }, 'hello world'));
}
});
ReactDOM.render(React.createElement('Button'), document.getElementById('container'));
</script>
然而,浏览器报错,ReactDOM对象不存在。
我尝试过:
<script src="Scripts/require.js"></script>
<script src="Scripts/react/react.js"></script>
<script src="Scripts/react/react-dom.js"></script>
<script>
var React = require('react');
var ReactDOM = require('react-dom');
....
</script>
然而,它与require.js不兼容:模块名称“react”尚未加载到上下文中:_. 使用require([])
请问有人能解释一下吗?如何在没有任何服务器端工具(如捆绑、转译等)的情况下使用react。
答案如“使用npm”将不被接受为答案。