React 組件不渲染的坑...

組件的標籤名必須大寫….

import './App.css';
import React from 'react';
import ShopTitle from './shopTitle/ShopTitle.jsx';
console.log(ShopTitle)
export default class App extends React.Component{
    render(){
        return (
            <div>
                <h1>nihao</h1>
                <ShopTitle/>
            </div>
        )
    }
}

上面是可以運行的

import './App.css';
import React from 'react';
import shopTitle from './shopTitle/ShopTitle.jsx';
console.log(shopTitle)
export default class App extends React.Component{
    render(){
        return (
            <div>
                <h1>nihao</h1>
                <shopTitle/>
            </div>
        )
    }
}

這種就不能運行了,<shopTitle/>不被辨識