我正在尝试将 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> }}所以我期待“嗨”，然后是“你好世界！” 但我收到“未定义问候语”。你能帮助我吗？
1 回答
慕容708150
TA贡献1831条经验 获得超4个赞
我正在回答我自己的问题。加载 .js 文件的顺序是问题所在。它一定要是
<script src="greetings.js" type="text/babel"> </script>
<script src="app.js" type="text/babel"> </script>
然后它正确地显示了网页。
添加回答
举报
0/150
提交
取消