[英]How to use React v16 without a build process
In React v15 I can easily do the following: 在React v15中,我可以轻松地执行以下操作:
<html>
<head>
<meta charset="UTF-8">
<title>React v15</title>
</head>
<body>
<div id="divContainer"></div>
<script src="https://unpkg.com/react@15.6.2/dist/react.js"></script>
<script src="https://unpkg.com/react-dom@15.6.2/dist/react-dom.js"></script>
<script src="https://unpkg.com/babel-standalone@6.26.0/babel.min.js"></script>
<script type="text/jsx">
var HelloWorld = React.createClass({
render: function() {
return <h2>Hello World !</h2>;
}
});
ReactDOM.render(<HelloWorld />
, document.getElementById('divContainer')
)
</script>
</body>
</html>
Once I reference react@16, react-dom@16 it no longer works, I understand that React.createClass() has been deprecated and removed. 一旦我引用react @ 16,react-dom @ 16,它就不再起作用,我知道React.createClass()已被弃用和删除。 So what is its replacement?
那么它的替代品是什么?
I need a minimalist way of doing the same without a build process eg browserify, webpack, require, import, etc. I just want to reference libraries via a CDN or locally as I have shown in the example. 我需要一种无需构建过程(例如browserify,webpack,require,import等)的简单方法。我只想通过CDN或本地引用库,如示例所示。
After you include React 16 libs you can access the React
instance directly and extend React.Component
包含React 16库之后,您可以直接访问
React
实例并扩展React.Component
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>React Hello World</title>
</head>
<body>
<div id="app"></div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.0.0/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.0.0/umd/react-dom.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.26.0/babel.min.js"></script>
<script type="text/jsx">
class MyApp extends React.Component {
render() {
return <span>Hello world</span>;
}
}
ReactDOM.render(<MyApp />, document.getElementById('app'));
</script>
</body>
</html>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.