7、React开发全解析：从基础到高级应用

最新推荐文章于 2025-11-08 00:20:46 发布

元编程奶

最新推荐文章于 2025-11-08 00:20:46 发布

阅读量20

点赞数

CC 4.0 BY-SA版权

分类专栏：现代全栈开发：从新手到高手文章标签： React开发组件属性

本文链接：https://blog.youkuaiyun.com/b9c0d/article/details/150632008

现代全栈开发：从新手到高手专栏收录该内容

42 篇文章 ¥499.90

订阅专栏¥69.90

会员秒杀 ¥9.9 重磅福利

超级会员免费看

React开发全解析：从基础到高级应用

1. React基础：组件、属性与状态

在React开发中，组件是构建应用的基础。组件一旦创建，其属性（props）就不可更改。若属性需要改变，组件会被销毁并重新创建。例如，一个书签组件（Bookmark），当它重新创建时，描述可能会“改变”，因为实际上会得到一个带有新描述值的全新书签组件。

1.1 属性（Props）的特性

属性是只读的，在组件的生命周期内不会改变。若属性需要改变，组件将被销毁并重新创建。示例代码如下：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>Intro To React</title>
    <script crossorigin src="https://unpkg.com/react@18.2.0/umd/react.development.js"></script>
    <script crossorigin src="https://unpkg.com/react-dom@18.2.0/umd/react-dom.development.js"></script>
    <script>
      function start() {
        class Bookmark extends React.Component {
          constructor(props) {