reactjs - React 中可以在 Component 里面写 Component 吗？

Question

我遇到过许多讨论如何进行组件嵌套的资料。但是，每当我尝试在另一个 Component 内创建一个 Component 时，我的代码就会失败。

class parent extends React.Component{
    class child extends React.Component{
        render(){
            return <div><h1>Hiiii</h1></div>;
        }
    }
    render(){
        return <div><DEF /></div>;
    }
}  

Answer 1

你不能这么做。您可以在同一文件(不是同一组件)上执行此操作

class DEF extends Component {
  render() {
   return (
    <div>
      <h1>Hiiii</h1>
    </div>
    );
 }
}

export default class ABC extends Component {
  render() {
       return (
       <div>
           <DEF />
       </div>
       );
   }
}