说说对React的理解？有哪些特性？_说说对react的理解?有哪些特性?-优快云博客

本文链接：https://blog.youkuaiyun.com/weixin_43995143/article/details/136393407

React，用于构建用户界面的 JavaScript 库，只提供了 UI 层面的解决方案

遵循组件设计模式、声明式编程范式和函数式编程概念，以使前端应用程序更高效

使用虚拟DOM来有效地操作DOM，遵循从高阶组件到低阶组件的单向数据流

帮助我们将界面成了各个独立的小块，每一个块就是组件，这些组件之间可以组合、嵌套，构成整体页面

react 类组件使用一个名为 render() 的方法或者函数组件return，接收输入的数据并返回需要展示的内容

class HelloMessage extends React.Component {
  render() {
    return (
      <div>
        Hello {this.props.name}
      </div>
    );
  }
}

ReactDOM.render(
  <HelloMessage name="Taylor" />,
  document.getElementById('hello-example')
);

上述这种类似 XML形式就是 JSX，最终会被babel编译为合法的JS语句调用

被传入的数据可在组件中通过 this.props 在 render() 访问。

React 是一个由 Facebook 开发的用于构建用户界面的 JavaScript 库。它主要专注于构建可复用的组件，并且通过使用 Virtual DOM 技术来实现高效的页面更新。下面是我对 React 的理解以及它的一些特性：

理解：

组件化思想：React 鼓励将用户界面拆分为独立的、可复用的组件，每个组件都有自己的状态和生命周期方法，这样可以使代码更加模块化和可维护。
声明式设计：通过使用 JSX 语法，React 提供了一种声明式的方式来描述用户界面的状态随时间如何变化，而不需要手动操作 DOM。
Virtual DOM：React 使用 Virtual DOM 来提高页面更新的性能。Virtual DOM 是一个虚拟的 DOM 树，React 使用它来记录页面状态的变化，然后计算出最小化的 DOM 更新，并将更新应用到实际的 DOM 上，从而减少了 DOM 操作的次数，提高了性能。
单向数据流：React 使用单向数据流来管理组件之间的数据传递。数据流是从父组件传递到子组件，子组件不能直接修改父组件传递的数据，而是通过 props 和回调函数的方式来进行数据的传递和更新。
生命周期方法：React 组件具有一系列的生命周期方法，包括组件挂载、更新和卸载等阶段。这些生命周期方法提供了在组件不同阶段执行代码的机会，从而可以进行一些初始化、清理和优化的操作。