React 基本脚手架

以下是一个简单的React应用程序的脚手架代码示例，它展示了如何创建一个React组件并将其挂载到DOM中。




import React from 'react';
import ReactDOM from 'react-dom';
 
// 创建一个名为App的组件
function App() {
  return (
    <div>
      <h1>Hello, World!</h1>
    </div>
  );
}
 
// 将App组件挂载到DOM元素（例如，具有ID为root的div）
const rootElement = document.getElementById('root');
ReactDOM.render(<App />, rootElement);

这段代码首先导入了React和ReactDOM，然后定义了一个名为App的函数组件，该组件返回一个简单的HTML结构。最后，代码通过ReactDOM.render方法将App组件挂载到页面上ID为root的元素内。这是创建React应用的基础，是学习React的一个很好的起点。

React 基本脚手架

评论已关闭

推荐阅读