react
爱你react
糖果的小九
你好
展开
-
react
综合reactvue和react的区别自己对react的理解虚拟dom实现的原理以及怎么实现react 从16.0的区别为什么从16.0改变生命周期react-router的原理reactvue和react的区别(1)React严格上只针对MVC的view层,Vue则是MVVM模式(2)virtual DOM不一样,vue会跟踪每一个组件的依赖关系,不需要重新渲染整个组件树.而对于React而 言,每当应用的状态被改变时,全部组件都会重新渲染,所以react中会需要should原创 2020-06-04 10:32:23 · 157 阅读 · 0 评论 -
调用 super(props) 的目的是什么
在 super() 被调用之前,子类是不能使用 this 的, 在 ES2015 中,子类必须在 constructor 中调用 super()。 传递 props 给 super() 的原因则是便于(在子类中)能在 constructor 访问 this.props。原创 2020-05-25 23:28:03 · 840 阅读 · 1 评论 -
createElement 和 cloneElement 有什么区别?
createElement 和 cloneElement 有什么区别? 传入的第一个参数不同 React.createElement():JSX 语法就是用 React.createElement()来构建 React 元素的。它接受三个参数,第一个参数可以是一个标签名。如 div、span,或者 React 组件。第二个参数为传入的属性。第三个以及之后的参数,皆作为组件的子组件。React.createElement(type, [props], [...children]); Reac原创 2020-05-13 17:28:46 · 1375 阅读 · 0 评论 -
状态(state)和属性(props)之间有何区别
状态(state)和属性(props)之间有何区别 State 是一种数据结构,用于组件挂载时所需数据的默认值。 State 可能会随着时间的推移而发生突变,但多数时候是作为用户事件行为的结果。 Props(properties 的简写)则是组件的配置。props 由父组件传递给子组件,并且就子组件而言,props 是不可变的(immutable)。 组件不能改变自身的 props,但是可以把其子组件的 props 放在一起(统一管理)。Props 也不仅仅是数据–回调函数也可以通过 pro原创 2020-05-13 17:14:59 · 1301 阅读 · 0 评论 -
React 中 refs
React 中 refs 的作用是什么?Refs 是 React 提供给我们的安全访问 DOM 元素或者某个组件实例的句柄。我们可以为元素添加 ref 属性然后在回调函数中接受该元素在 DOM 树中的句柄,该值会作为回调函数的第一个参数返回:class CustomForm extends Component { handleSubmit = () =› { console.log('Input Value: ', this.input.value); }; render(.原创 2020-05-13 17:01:21 · 157 阅读 · 0 评论 -
setState
当你调用 setState 的时候,发生了什么事?将传递给 setState 的对象合并到组件的当前状态,这将启动一个和解的过程,构建一个新的 react 元素树,与上一个元素树进行对比( diff ),从而进行最小化的重渲染。constructor(props){ super(props); this.state = { age:1 }}this.setState((prev...原创 2020-04-28 16:28:26 · 286 阅读 · 0 评论 -
component
高阶组件是什么?如何理解?高阶组件就是一个对普通组件的包装,并返回一个新的组件。本质上就是一个函数。react-redux connect==>容器组件 connect()(ui组件)withRouter withRouter(App)https://www.jb51.net/article/137272.htm高阶组件就是接受一个组件作为参数,返回一个相对增强性的组...原创 2020-04-17 15:17:50 · 2453 阅读 · 0 评论 -
react和vue底层原理
react的diff算法?1.把树形结构按照层级分解,只比较同级元素。时间复杂度为n2.给列表结构的每个单元添加唯一的 key 属性,方便比较。3.React 只会匹配相同 class 的 component(这里面的 class 指的是组件的名字)4.合并操作,调用 component 的 setState 方法的时候, React 将其标记为 dirty.到每一个事件循环结束, Re...原创 2020-04-17 14:58:10 · 2361 阅读 · 0 评论 -
redux
redux相关APIredux中包含: createStore(), applyMiddleware(), combineReducers()store对象: getState(), dispatch(), subscribe()react-redux: <Provider store={store}>: 向所有的容器组件提供store connect( state =...原创 2020-04-17 14:43:02 · 196 阅读 · 0 评论 -
React-router
React 优势 1、React 速度很快:它并不直接对 DOM 进行操作,引入了一个叫做虚拟 DOM 的概念,安插在 javascript 逻辑和实际的 DOM 之间,性能好。 2、跨浏览器兼容:虚拟 DOM 帮助我们解决了跨浏览器问题,它为我们提供了标准化的 API,甚至在 IE8 中都是没问题的。 3、一切都是 component:代码更加模块化,重用代码更容易,可维护性高。...原创 2020-04-17 14:14:06 · 155 阅读 · 0 评论 -
Immutable
Immutablehttps://www.jianshu.com/p/0fa8c7456c15不可变数据:**Immutable Data 就是一旦创建,就不能再被更改的数据。对Immutable对象的任何修改、添加、删除操作都会返回一个新的Immutable对象。Immutable实现原理是Persistent Data Structure(持久化数据结构),也就是使用旧数据创建新数据时,要...原创 2020-03-31 09:56:05 · 94 阅读 · 0 评论 -
React为什么要搞一个Hooks
React为什么要搞一个Hookshttps://github.com/happylindz/blog/issues/19想要复用一个有状态的组件太麻烦了!我们都知道React的核心思想就是,将一个页面拆分成一堆独立的,可以复用的组件,并且用自上而下的单向数据流的形式将这些组件串联起来。但如果在大型的项目中使用React,那么我们就会发现项目中实际上很多React组件冗长且难以复用。尤其是那...原创 2020-03-31 09:51:59 · 634 阅读 · 0 评论 -
react生命周期
react生命周期示意图初始化的生命周期 没有dom ,没有数据 this的指向不一样 一个是组件的构造函数 一个实例化对象 仅仅初始化数据 ,16版本会被废弃getDefaultProps (props初始化,也可理解成默认值)getInitialState ( 1.实例化几次,就触发几次 2.dom获取不到 3.this有)<bod...原创 2019-12-24 16:00:04 · 301 阅读 · 0 评论 -
初识react
vue中 数据本身来源2种 props 父组件传递的data 组件本身的React 本身的数据来源 2中props 组件传递的 只能用不能改state 组件自己的 可以修改单向数据流 props 从组件外部传递而来 在使用的组件中只能使用不能修改数据绑定state 需要通过 getInitialState 进行初始化使用 { 变量 表达式}原创 2019-12-23 16:20:04 · 103 阅读 · 0 评论