用ES6写react的时候，发现无法嵌套组件。
3
443
require('normalize.css/normalize.css');
require('styles/App.css');
import React from 'react';
class AppComponent extends React.Component {
render() {
return (
我是父组件!
);
}
}
class sub extends React.Component {
render() {
return (
我是子组件
);
}
}
export default AppComponent;
屏幕上只显示我是父组件。
控制台是这样的（也没有报错）：
React官方文档里也是这样嵌套的啊：
到底哪里出了问题呢？
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
收藏
jsx会根据首字母大小写来区分是React组件还是Html标签，React组件首字母大写，Html标签小写
我找到原因了。
子组件的名称开头字母必须大写。。
你把sub组件放到单独的一个js里面，export出去，在你需要引用的地方引进来试试。