什么是 React ⚛️🤔 以及 React 中的组件概念

由 Mux 主办的 DEV 全球展示挑战赛：展示你的项目！

嗯，既然你打开了这个博客，那你一定是 React 开发人员，或者想了解一下热门词汇 Reactjs。

什么是 React JS？

React JS 是一个 JavaScript 库，用于现代 Web 开发中构建交互式 Web 应用程序。React.js 的基本思想是将 UI 元素拆分成小的组件，然后再将它们组合起来形成整个应用程序。首先，请看下图。 在这里，我们可以将 Twitter 的 UI 拆分成三个主要组件。我们将分别设计和开发这三个组件，然后将它们组合起来形成主 UI。这些组件还可以进一步拆分成更小的组件。下面我们将 Twitter 卡片拆分成了不同的组件。React 的核心是组件。

让我们尝试将给定的示例制作成组件1) 左侧组件的模型。

import React from "react";
class LeftComponent extends React.Component {
    使成为（） {
       返回（
        这是左侧组件
       ）
    }
}

export default LeftComponent;

2）中间部分

import React from "react";
class MiddleComponent extends React.Component {
    使成为（） {
       返回（
        这是中间部分
       ）
    }
}
export default MiddleComponent;

3）右组件

import React from "react";
class RightComponent extends React.Component {
    使成为（） {
       返回（
        这是正确的组件
       ）
    }
}
export default RightComponent;

所以我们根据用途分别制作组件。现在让我们把它们组合起来。

所以，基本上我们把所有组件导入到主应用程序中，然后把它们组合起来。以上就是关于组件及其用法的全部内容。

希望您喜欢这篇文章。我不想在这篇文章中深入探讨 React 的逻辑语法，我想尽量保持简洁。如果您想了解完整的 React 语法教程，请在评论区留言。

想了解我的最新动态，请在推特上关注我。==>库沙尔·夏尔马