React简单安装、使用

这篇博客介绍了React的基本概念和使用,包括React的特点、如何安装、JSX语法的特性,以及元素渲染、事件处理和响应式数据State的使用。通过实例展示了React创建用户界面的流程。
摘要由CSDN通过智能技术生成

前言

react是fachebook公司产品用于创建用户界面的javascript库

React 特点:

  • 虚拟dom节点
  • 单向数据流
  • 组件开发思维

一、安装

脚手架安装

npm i create-react-app -g

创建项目

create-react-app 项目名

启动项目

cd 项目名
npm start

二、jsx语法

JSX,是一个 JavaScript 的语法扩展( JavaScript 与 HTML 结合)。我们建议在 React 中配合使用 JSX,JSX 可以很好地描述 UI 应该呈现出它应有交互的本质形式。

JSX 特点 :

  •   有且只有一个根节点
  •   class用className代替
  •   数组可以放html节点,数组自定展开
  •   {} 表示javascript
  •   样式自动展开
  •   {/*注释内容*/}

三、

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值