泡芙~的博客

React第三弹——什么是有状态组件和无状态组件 提示：本人是自学前端的一枚小小程序媛，以下内容是自己总结的笔记，如有错误，欢迎大家批评指正！！！！ 废话不多说，首先先要了解一个词"状态"，什么是状态呢？ 通俗的说就是指组件中需要的数据。在React中，是以数据为驱动来进行页面更新的，要记住是数据改变，页面更新。在React中，用state表示状态，也就是组件内部的数据，在组件外部是拿不到的。 那对于有状态组件和无状态组件最简单的理解就是一个组件里面有状态(state)，一个组件里没有状态(state

React第二弹——什么是React组件 提示：本人是自学前端的一枚小小程序媛，以下内容是自己总结的笔记，如有错误，欢迎大家批评指正！！！！ 说到组件，想必大家并不会陌生，随着组件化开发思想的诞生，前端在开发时才会变得如次方便。所谓组件化开发，就是把一个个功能抽离出去成为单独的模块，需要的时候直接引入就可以，这样极大的提高了代码的复用性和灵活性。在React中，有两种组件，一个是函数组件，一个是类组件，我们先聊聊函数组件。 函数组件，顾名思义就是用函数创建的组件。举个栗子 import React f

React第一弹——什么是JSX 提示：本人是自学前端的一枚小小程序媛，以下内容是自己总结的笔记，如有错误，欢迎大家批评指正！！！！ 在介绍JSX之前我们先梳理一下怎样在脚手架中使用React 1.在index.js文件中需要先导入react和react-dom两个包，通过es6里的模块化语法进行导入，（因为脚手架是基于webpack的，可以使用es6里的模块化语法进行导入） 2.创建react元素 3.渲染react元素 具体写法如下图所示 这里创建react元素使用的是React.createE