当前位置: 首页 > 工具软件 > App.js > 使用案例 >

React 里面的 App.js vs index.js

骆昊阳
2023-12-01

App.js

import './App.css';
function App() {
  return (
    <p>
      Hello world 
    </p>
  );
}
export default App;

index.js

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import reportWebVitals from './reportWebVitals';

ReactDOM.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>,
  document.getElementById('root')
);
reportWebVitals();

很明显, App是一个component。APP 是DOM Tree最顶端的component, 它是一个html 文件。 App.js 里面的App function 返回这个html component(文件),可以用 《App /》来表示, App.js 本身并没有render功能。 想要render这个component,我们要在index.js 里面把这个component render 出来。就把app当作普通的component 就可以了。

0

九月三日,第一份工作,第一份笔记。

 类似资料: