我有兩個檔案：主檔案 - App.js 和我想在 App.js 中加載的 JSX 元素。element.js 有以下代碼：
const element = () => {
return (
<div className="text-gray-100 bg-gray-800 h-64 px-4">
<h1>Test Title</h1>
<p>Lorem ipsum</p>
</div>
);
};
export default element;
App.js 檔案如下：
import './App.css';
import element from './element';
function App() {
return (
<div className="flex">
<element />
</div>
);
};
export default App;
匯入時VSC顯示“元素已宣告但未使用”，html頁面只顯示白頁。
uj5u.com熱心網友回復：
在 JSX 中，小寫的標簽名稱被認為是 HTML 標簽。但是，帶有點（屬性訪問器）的小寫標記名稱不是。
請參閱 HTML 標簽與 React 組件。
<component /> compiles to React.createElement('component') (html tag)
<Component /> compiles to React.createElement(Component)
<obj.component /> compiles to React.createElement(obj.component)
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/356445.html
標籤：javascript 反应 顺风-css