問(wèn)題描述使用react import一個(gè)組件時(shí)，使用這個(gè)組件并不能讀取到組件，而是一個(gè)空定義，import組件沒(méi)有報(bào)錯(cuò)相關(guān)代碼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貢獻(xiàn)1815條經(jīng)驗(yàn) 獲得超13個(gè)贊
你自己寫(xiě)的組件要以大寫(xiě)字母開(kāi)頭，這是由 JSX 解析規(guī)則決定的。
本質(zhì)上講，JSX 只是 React.createElement(component, props, ...children) 的語(yǔ)法糖，JSX 語(yǔ)法依賴(lài)babel進(jìn)行解析，
小寫(xiě)字母開(kāi)頭: 內(nèi)置組件，HTML 元素，例如 <div>，會(huì)解析成 React.createElement('div')。
大寫(xiě)字母開(kāi)頭：自定義組件或 JS 文件中導(dǎo)入的組件，例如 <Foo />，會(huì)解析成 React.createElement(Foo)。
例外：在 JSX 中使用點(diǎn)語(yǔ)法（Dot Notation）表示一個(gè) React 組件 <obj.component /> 會(huì)解析成 React.createElement(obj.component)。
- 1 回答
- 0 關(guān)注
- 711 瀏覽
添加回答
舉報(bào)
0/150
提交
取消