Question

我对React还是很陌生，尝试了很长时间之后，我仍无法在主应用js中添加组件

我使用create-react-app创建了样板

在主app.js中，我有：

import React, {Component} from 'react';
// import logo from './logo.svg';
import casa_mini from './casa_mini'; 
import './App.css';



class App extends Component {
    render() {
        return (<casa_mini></casa_mini>    );
    }
}

export default App;

在casa_mini.js中，我有：

 import React, {Component} from 'react';

class casa_mini extends Component {
    render() {
        return (

            <div className="listing-box">
                <div className="listing-box-image" style={{backgroundImage: 'url("assets/img/casa1.jpg")'}}>
                </div>
            </div>

        );
    }
}

export default casa_mini;

为什么它不渲染任何东西？ casa_mini的HTML不会出现。空白页。谢谢您的帮助！

Answer 1

感谢您的快速回答。问题是该组件的大写字母。

index.js: Warning: The tag <casa_mini> is unrecognized in this browser. If you meant to render a React component, start its name with an uppercase letter.

应该大写！

我的组件没有渲染，为什么？

1 个答案: