首頁猿問 react...

react import一個組件無法使用

React.JS

阿波羅的戰(zhàn)車 2019-02-09 22:39:53

問題描述使用react import一個組件時，使用這個組件并不能讀取到組件，而是一個空定義，import組件沒有報錯相關(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)1875條經(jīng)驗獲得超3個贊

你自己寫的組件要以大寫字母開頭，這是由 JSX 解析規(guī)則決定的。
本質(zhì)上講，JSX 只是 React.createElement(component, props, ...children) 的語法糖，JSX 語法依賴babel進(jìn)行解析，
小寫字母開頭: 內(nèi)置組件，HTML 元素，例如 <div>，會解析成 React.createElement('div')。
大寫字母開頭：自定義組件或 JS 文件中導(dǎo)入的組件，例如 <Foo />，會解析成 React.createElement(Foo)。
例外：在 JSX 中使用點語法（Dot Notation）表示一個 React 組件 <obj.component /> 會解析成 React.createElement(obj.component)。

反對回復(fù) 2019-02-09