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/>不被辨识