React组件设计的7个准则：封装JavaScript

React是一个流行的JavaScript库，用于构建用户界面。在React中，组件是构建应用程序的基本构建块。设计良好的React组件可以提高代码的可维护性、可重用性和可测试性。本文将介绍7个准则，帮助您封装JavaScript代码，以创建高质量的React组件。

1. 单一职责原则（Single Responsibility Principle）

单一职责原则是软件开发中的一个重要原则。对于React组件，它意味着每个组件应该只关注一个特定的功能或任务。这样可以使组件更加可理解、可维护和可测试。如果一个组件的功能过于复杂，考虑将其拆分为多个小组件。

示例代码：

// 不遵循单一职责原则的组件
class UserDashboard extends React.Component {
  render() {
    // 组件的功能包括用户信息、订单列表和通知
    // 处理所有这些功能可能会使组件过于庞大和复杂
    return (
      <div>
        <UserInfo />
        <OrderList />
        <NotificationList />
      </div>
    );
  }
}

// 遵循单一职责原则的组件
class UserDashboard extends React.Component {
  render() {
    return (