React中不可变性和JSX简介（精读 React 官方文档 02版）

为什么不可变性在React中非常重要？

不可变性是指在处理数据时，不直接对其进行更改，而是通过生成新的数据来替代原有数据。

• 不可变性所具备的优点：

1. 在软件开发过程中，撤销与回退操作极为常见，避免直接对原始数据进行修改，有助于更高效地追踪数据的历史状态。
2. 数据变更过程更加清晰，便于进行追踪与监控。
3. 能够更准确地判断React组件何时需要重新渲染。

通过slice函数返回数组的副本

此项技术途径是相关人员亟需熟练掌握的核心内容。

    const arr = [1,2,3,4];
    
    arr.slice()  // [1,2,3,4]
    console.log(arr === arr.slice()); //false
    
    
      
      
      
      
    

JSX简介

    const element = <h1>Hello, world!</h1>;
    
    
      
    

解析

• JSX作为JavaScript语言的扩展形式存在。
• 利用JSX能够构造出React相关的元素对象。

为什么使用JSX？

官方描述：React 认为，渲