React基础与实践| 青训营笔记

39 阅读2分钟

React是一个用JavaScript编写单页面应用程序的前端JavaScript框架用于构建前端Web应用程序。

 

  1. 组件: React在应用程序中使用组件来呈现数据。组件是一个可以接收参数(props)和返回一个渲染结果的函数。组件可以被嵌套在其他组件中,从而实现组件复用和构建更大的应用程序。

 

  1. JSX: JSX是一种JavaScript语法扩展,可以在JavaScript代码中嵌入HTML或其他组件。JSX使得在React中编写UI更方便和直观。

 

  1. Props: Props是组件之间传递数据的一种方式。父组件可以将数据传递给其子组件的props中,子组件可以读取这些props并将其用于渲染。

 

  1. State: State是组件内部的数据存储方式。当组件的state发生变化时,React会自动重新渲染组件并更新视图。

 

  1. 生命周期: React组件有生命周期方法,可以让开发者在组件不同的生命周期阶段执行一些操作,如挂载、更新、卸载等等。

 

  1. 事件处理: React使用类似于HTML的事件处理机制来处理用户交互。事件处理程序被绑定到组件上,并引用一个处理函数。

 

  1. 发送请求: 在React中可以使用fetch或axios等JS库来发送HTTP请求并获取响应。这些请求通常在组件挂载时发送并在响应到达时更新组件状态。

 

  1. Redux: Redux是一个流行的JavaScript应用程序状态管理库,可与React集成。Redux可以帮助维护应用程序的状态,并通过一个中央存储库来管理数据。

 

  1. 事件处理: 在React中,使用类似于HTML的事件处理机制来处理用户交互,例如点击、滑动等等。这些事件可以在组件中处理并从其中产生新状态。

 

  1. 发送请求: 当需要进行数据交互时,React可以使用fetch或者axios等JavaScript库来发送HTTP请求并获取响应。通常情况下,这些请求会在组件挂载时发送。

 

  1. Flux和Redux: Flux和Redux都是用于管理状态的库。它们可以帮助你管理应用程序中的数据流程,并确保应用程序的数据变化是一致和可预测的。