反应项目无法检测到app.js文件中的任何更改 这是我的app.js文件:
import React, { Component } from 'react';
import './App.css';
class App extends Component {
render() {
return (
<div className="App">
<h1>I'm a react app!</h1>
</div>
);
}
}
export default App;
答案 0 :(得分:0)
尝试将文本我是React应用!放在div中。
class App extends Component {
render() {
return (
<div>I'm a react app!</div>
);
}
} export default App;
答案 1 :(得分:0)
您可能需要使用ReactDOM
来帮助告诉应用程序将组件呈现在何处。例如,如果您在HTML中创建div
之类的<div id="root"></div>
,则可以使用以下代码:
import React, {
Component
} from 'react';
import ReactDOM from 'react-dom';
class App extends Component {
render() {
return (
<div>I'm a react app!</div>
);
}
}
const rootElement = document.getElementById("root");
ReactDOM.render(<App />, rootElement);
还请注意,当您返回渲染时,结果应包装在一个标签中。