React 基础概念入门

React 是一个用于构建用户界面的 JavaScript 库，由 Facebook 开发和维护。

核心概念

JSX

JSX 是 JavaScript 的语法扩展，允许在 JavaScript 中编写类似 HTML 的代码：

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

组件

React 应用由组件组成。组件可以是函数组件或类组件：

function Welcome(props) {
  return <h1>Hello, {props.name}</h1>;
}

Props

Props 是组件的输入参数，用于从父组件向子组件传递数据。

State

State 是组件的内部状态，当 state 改变时，组件会重新渲染。