weixin_45545454的博客

1.组件的钩子函数constructor：组件刚刚被创建，state状态正在初始化render：渲染DOM，但是不能在里面是有this.setState()方法修改state状态，否则会造成死循环，堆栈内存溢出componentWillMount：在DOM渲染之前调用，在客户端也在服务端。componentDidMount：在DOM第一次渲染之后调用，只在客户端componentWill...

1.组件之间的通讯介绍：组件都是独立的，只能使用组件自己的数据。在组件化的过程中，将本来一个完整功能的组件，拆分成多个组件，以方便更好的维护，但是这样一来，多个组件之间就需要共享数据，就需要打破组件独立封闭的特性，这一过程叫做组件之间的通信1.1.props通信接受传递给子组件的数据传递数据需要给子组件设置自定义属性，将父组件的数据传递过去函数组件提供props形参来获取数据，类组件通...

1.受控组件于非受控组件受控组件：必须有react的state状态和change书剑来管理的属性，叫做受控组件，比如：className，value，for等属性非受控组件：就是不受react的state和change管理的属性，就是默认文本框输入的数据，react无法检测到的，比如defaultvalue或者htmlfor...

1.state的基本使用介绍：就是状态数据，是组件内部的私有数据，只能在组件内部使用，他是一个对象使用：class App extends Component { constructor (props) { super(props) this.state = { name: '小美' } } render () { return ( <span>...

1.状态组件于无状态组件介绍：函数被称为无状态组件，类组件被称为状态组件。因为类组件有自己的state（状态），而函数组件并没有state所以没有自己的状态...

1.事件的介绍介绍：react 事件绑定语法与 DOM 事件语法相似语法：on + 事件类型={ 事件处理程序 }，react事件采用的是小驼峰命名法，调用事件处理程序或者函数方法必须使用thisbtn = () => { console.log('哈哈哈')}return ( <button onClick={ this.btn }></button>...

1.组件的介绍介绍：组件就是封装起来具有独立功能的ui部件，react推荐以组件的方式去思考ui的构成，将ui每一个功能独立的功能封装成组件，然后将小的组件通过组合或者嵌套的方式构成大的组件，最终完成整体UI的构建。组件的特点：免代码冗余，提高代码利用率，组件可以重复调用组件的属性props是只读的，调用者可以传递参数到props对象中定义属性props传递是父子组件交互的唯...

1.jsx的介绍解说：jsx是javascript XML的缩写，表示在javascript代码中写XML格式的代码优势：声明式语法更直观，于heml结构相同，降低了学习成本执行更快，因为它在编译了javascript代码后进行了优化它是类型安全的，在编译过程中就能发现错误使用jsx编写模板更加简单快速2.jsx的使用// jsx创建react元素const ...

1.使用脚手架说明：在安装node的时候就会再带一个npx，通过npx创建一个项目命令：npx create-react-app my-app来创建一个react项目

1.react是什么概念：是一个javascript的ui库，用于构建高效，快速的用户界面，是一个轻量级的库2.react的有点和缺点优点：声明式没开发：声明式开发强调的是做什么，react是面向编程的，只要把数据构建好就可以了，react会根据这个数据自动构建网站，声明式开发介意节约大量的操作dom的代码。这是react的一个优势可以与其他的框架共存：使用react的时候，我们...