主文件index.js
import ReactDOM from "react-dom/client"; import App from "./App"; const root = ReactDOM.createRoot(document.getElementById('root')); // React组件可以直接通过JSX渲染 root.render(<App/>);
main.js
import React from "react"; /* * 类组件必须要继承React.Component * 相较于函数组件,类组件的编写要麻烦一下, * 但是他俩的功能是一样的 * */ class App extends React.Component{ // 类组件中,必须添加一个render()方法,且方法的返回值要是一个jsx render() { return <div>我是一个类组件</div>; } } // 导出App export default App;