React是一个流行的JavaScript库，用于构建用户界面。在React中，我们通常将UI拆分为多个组件，以便更好地组织和管理代码。然而，在开发过程中，有时我们会遇到一些反模式，即不推荐的做法。本文将介绍一种React反模式，即在另一个组件的定义中定义一个组件。

javascript
import React from 'react';
class ParentComponent extends React.Component {
  render() {
    return (
      
        
Parent Component
        
      
    );
  }
}
class ChildComponent extends React.Component {
  render() {
    return (
      
        
Child Component
        
This is a child component defined inside the parent component.
      
    );
  }
}
export default ParentComponent;

javascript
// ParentComponent.js
import React from 'react';
import ChildComponent from './ChildComponent';
class ParentComponent extends React.Component {
  render() {
    return (
      
        
Parent Component
        
      
    );
  }
}
export default ParentComponent;

javascript
// ChildComponent.js
import React from 'react';
class ChildComponent extends React.Component {
  render() {
    return (
      
        
Child Component
        
This is a child component defined outside the parent component.
      
    );
  }
}
export default ChildComponent;