免責事項:この記事はブロガーオリジナル記事ですが、許可ブロガーなく再生してはなりません。https://blog.csdn.net/zhonghua_csdn/article/details/90815860
どのつまり、CNDの使用方法を静的なHTMLで反応して反応使用して、HTMLで使うに反応します。
メソッドの紹介:
頭にCDNを追加します。
<script src="https://unpkg.com/react@16/umd/react.development.js"></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
<script src="https://unpkg.com/[email protected]/babel.js"></script>
用途開発を反応させます。
<body>
<div id="root"></div>
<script type="text/babel">
class App extends React.Component {
render() {
return <h1>Hello world!</h1>
}
}
ReactDOM.render(<App />, document.getElementById('root'))
</script>
</body>
結果:
注意:
- この方法は、WebPACKのプロジェクトをビルドするように反応する、Node.jsのを使用することが推奨され、推奨されません。
- type属性の<script>タグがあるテキスト/バベル。これは、ユニークなJSX文法を反応するので、JavaScriptを使用して互換性がありません。JSXの場所の使用は、我々は=「テキスト/バベル」タイプを追加する必要があります。