勾勾的博客

react入门指南（五）类与组件简述类es6es6+组件创建组件使用组件渲染（描画）页面 简述 react是函数式组件，一切逻辑元素都是在组件内完成的，而组件继承于类，熟悉类与组件，对于react必不可少 类 es6 实例属性与实例方法可以继承，静态方法与静态属性不能被继承 new出来的实例，可以访问实例属性实例方法，不能访问静态属性静态方法 而类可以访问静态属性与静态方法，此时的静态属性/方法也成为类属性/方法 class Person2223{ constructor(name){ this

jsx与类一 、JSX简介二 、语法要求1.标签要闭合2.元素必须要有一个顶层元素3.变量首字母大写代表组件，小写对应是js数据类型4.属性名，小驼峰命名 ``5.动态的属性值6class名 须写成className=‘XXX’三、条件判断语句在jsx中的书写1.三元表达式2.判断语句3.在return之外定义属性判断，在return内渲染四、注释写法五、JSX事件绑定行内样式写法 一 、JSX简介 jsx是一个 JavaScript 的语法扩展，可以理解为js的一个新的数据类型，类XML（JSON前身）

react主体函数介绍react主函数介绍简单的实现react的hello world react主函数介绍 React 是个对象 核心, 解析vdom，组件，jsx元素 在控制台输出React，会得到如下结果 React是一个基类，里面有许多方法跟类， 主要由三部分： {Component,createXxx,useXxx,} Component 类 表示组件 createXxx 方法 创建一些元素 useXxx hooks钩子 简单的实现react的hello world 可以直接运行在html中

react入门指南（一）认识react什么是reactreact与vue，angularJs比较react 优点 什么是react React 是一个 UI 库，让你只需定义一次用户界面，就可以将其用在多个地方。之后，当应用的状态（state）发生变化时，React 将会自动作出反应、更新界面，你无需做其他任何工作。毕竟你已经定义了用户界面。尽管说是定义，其实代码更加偏向声明式，你可以使用可管理的小型组件构造出一个强大的应用。你再也不需要在函数里花费一半的代码量寻找DOM 节点了，而是可以只维护应用的状态（

react入门指南（一）react环境搭建1.react环境搭建2.生成一个react基础项目3.环境解析 1.react环境搭建 由于react基于Nodejs，所以安装前需要安装Node.js、npm、cnpm 当我们在官网下载并安装Node时，npm也自动安装好了，一路next后即可。安装好后键入node -v 以及npm -v 来测试是否安装成功（不需要自己手动配置系统环境变量） 因为国内使用npm很慢，我们可以使用淘宝的cnpm，同时设置镜像地址 npm install -g cnpm --re