我正在尝试将 React 包含到网页中。我想将组件分解成它自己的 .js 文件。我没有任何运气。
我的 index.html 文件看起来像这样。
<html> <head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>Hello React!</title>
<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/babel-standalone@6.26.0/babel.js"></script>
</head>
<body>
<div id="root">
</div>
<script src="app.js" type="text/babel"> </script>
<script src="greetings.js" type="text/babel"> </script>
</body>
我的 app.js 文件看起来像这样。
class App extends React.Component {
render() {
return (
<div>
<Greetings />
<h1>Hello World!</h1>
</div>
)
}
}
ReactDOM.render(<App />, document.getElementById('root'))
我的 greetings.js 文件看起来像这样
class Greetings extends React.Component {
render() {
return <h1>Hi</h1>
}
}
所以我期待“嗨”，然后是“你好世界！” 但我收到“未定义问候语”。
你能帮助我吗？
慕容708150
相关分类