随笔分类 -  react

摘要：事实上react官方并没有关于样式写法的统一说法，能在react中使用样式的方法有很多，下面分别来介绍以下几种： 一、内联样式 style接受一个采用驼峰命名属性的js对象，而不是css字符串，它可以引用state中的状态来设置相关样式，是一种最基本的写法。内联样式中，样式之间不会有冲突，但是所有的 阅读全文

摘要：我们要理解什么是高阶组件可以先从高阶函数开始。高阶函数指的是一个函数接受一个或者多个函数作为参数或者返回一个函数就可以称之为高阶函数。我们平时用到的reduce，map，filter就是高阶函数。高阶组件和高阶函数类似，高阶组件(higher-order-component，简称HOC)它是参数为组 阅读全文

摘要：在平时的项目开发中，性能问题是比较大的问题，小型项目中还看不出来太大的变化 ，当项目的规模达到一定程度时，性能问题就显得重要，下面分别来介绍几种性能优化的方法。 一、Fragment fragment可以聚合一个子元素列表，并不需要在DOM中增加额外的节点 ,避免多写一层view，多层级的嵌套。Re 阅读全文

摘要：react其组件化的思想使得组件与组件间的通信变的十分必要，下要我们来分别介绍常见的react组件之间的通信方式。 一、父子组件 react是单向数据流，父组件在展示子组件时，可能会传递一些数据给到子组件。父组件通过过属性=值的形式传递给子组件数据，子组件通过props参数获取父组件传递过来的数据。 阅读全文

摘要：react的事件处理机制基本用法和DOM类似，但还是有一定的区别。它的事件类型采用驼峰命名，直接将函数的声明当成事件进行传递，是一个合成事件。如下所示:onClick={this.add} 这里的事件要加上on且Click首字母大写,this.add需要被花括号包裹起来。 //html <butto 阅读全文

摘要：组件从概念上来看就像JS中的一个函数，它可以接收任意的输入值(称之为props),并返回一个需要在页面上展示的React元素。我们可以将UI切分成几个不同的，独立的，可复用的部分，进行单个部分即单个组件的构建，后面进行整合展示就可。 一、函数组件和类组件 组件的名称必须是大写开头，这样可以在使用时和 阅读全文

摘要：React是facebook开源的JS库，它可以把界面抽象成一个一个的组件，组件进行组合来得到功能丰富的页面。与Vue不同，React立足于MVC框架，是一个包括view和controller的库。首先我们来看一下什么是MVC。 MVC(Model View Controller)：M指的是业务模型 阅读全文