問題描述使用react import一個組件時，使用這個組件并不能讀取到組件，而是一個空定義，import組件沒有報錯相關代碼import React from 'react';import ReactDOM from 'react-dom';import './index.css';import home from './containers/home';import * as serviceWorker from './serviceWorker';ReactDOM.render(<home />, document.getElementById('root'));// If you want your app to work offline and load faster, you can change// unregister() to register() below. Note this comes with some pitfalls.// Learn more about service workers: http://bit.ly/CRA-PWAserviceWorker.unregister();
1 回答
翻過高山走不出你
TA貢獻1875條經驗 獲得超3個贊
你自己寫的組件要以大寫字母開頭，這是由 JSX 解析規則決定的。
本質上講，JSX 只是 React.createElement(component, props, ...children) 的語法糖，JSX 語法依賴babel進行解析，
小寫字母開頭: 內置組件，HTML 元素，例如 <div>，會解析成 React.createElement('div')。
大寫字母開頭：自定義組件或 JS 文件中導入的組件，例如 <Foo />，會解析成 React.createElement(Foo)。
例外：在 JSX 中使用點語法（Dot Notation）表示一個 React 組件 <obj.component /> 會解析成 React.createElement(obj.component)。
添加回答
舉報
0/150
提交
取消