嗨，我是 reactJS 的菜鳥，所以我很了解它。
我剛剛完成了我專案的頁眉，現在我正在處理頁腳。問題是，如果我在頁面重繪 時在 index.js 中匯入頁腳，它不會加載。
我的 index.js 看起來像這樣：
import React from 'react';
import ReactDOM from 'react-dom';
//Components
import Header from './component/header/Header';
import Footer from './component/footer/Footer';
//SCSS
import './index.scss';
import './custom.scss';
const app = (
<div>
<Header />
<Footer />
</div>
);
ReactDOM.render(
app,
document.getElementById('root')
);
我試圖更新節點并做出反應，升級 package.json 中的記憶體量，但這些都不起作用......
uj5u.com熱心網友回復：
該組件應該是一個函式，并且應該大寫
const App = () => (
<div>
<Header />
<Footer />
</div>
);
然后你應該像這樣啟動你的應用程式
ReactDOM.render(
<App />,
document.getElementById("root"),
);
關于組件的命名檢查檔案的這一部分
https://reactjs.org/docs/components-and-props.html#rendering-a-component
這就是為什么為組件使用大寫名稱很重要的原因（來自 React 檔案）
注意：始終以大寫字母開頭組件名稱。React 將以小寫字母開頭的組件視為 DOM 標簽。例如，表示一個 HTML div 標簽，但表示一個組件，并且需要 Welcome 在范圍內。
uj5u.com熱心網友回復：
你的語法不正確
import React from 'react';
import ReactDOM from 'react-dom';
//Components
import Header from './component/header/Header';
import Footer from './component/footer/Footer';
//SCSS
import './index.scss';
import './custom.scss';
const App = () => {
return(
<div>
<Header />
<Footer />
<div>
)
}
ReactDOM.render(
<App />,
document.getElementById('root')
);
uj5u.com熱心網友回復：
好的，我已經更改了它，但仍然無法正常作業。當我從 -npm start- 開始時，它會顯示幾秒鐘
PS H:\...\hardysoft> npm start
> hardysoft@0.1.0 start
> react-scripts --max_old_space_size=4096 start
(node:14928) [DEP_WEBPACK_DEV_SERVER_ON_AFTER_SETUP_MIDDLEWARE] DeprecationWarning: 'onAfterSetupMiddleware' option is deprecated. Please use the 'setupMiddlewares' option.
(Use `node --trace-deprecation ...' to show where the warning was created)
(node:14928) [DEP_WEBPACK_DEV_SERVER_ON_BEFORE_SETUP_MIDDLEWARE] DeprecationWarning: 'onBeforeSetupMiddleware' option is deprecated. Please use the 'setupMiddlewares' option.
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/446500.html
標籤：javascript 节点.js 反应