React 教程

React 是一个用于构建用户界面的 JavaScript 库，它由 Facebook 开发并维护。以下是一些关于 React 的基础教程和资源。

快速开始

1. 安装 Node.js 和 npm：React 需要Node.js和npm来运行。
2. 创建新项目：使用create-react-app来快速搭建React项目。

   npx create-react-app my-app
   

3. 运行项目：进入项目目录，并运行npm start。

资源链接

• React 官方文档
• React 中文文档

组件

React 应用由组件组成。组件可以是一个类或一个函数，并且可以接受属性（props）。

函数组件

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

ReactDOM.render(
  <Greeting name="Alice" />,
  document.getElementById('root')
);

类组件

class Greeting extends React.Component {
  render() {
    return <h1>Hello, {this.props.name}</h1>;
  }
}

ReactDOM.render(
  <Greeting name="Bob" />,
  document.getElementById('root')
);

图片示例

React 在渲染 UI 时，可以包含图片。

总结

React 是一个强大的库，用于构建交互式用户界面。希望这些基础教程能够帮助你入门。

返回社区首页