react基础理论

简介: react基础理论

1.state和props区别是什么?

相同点:都是普通的js对象,他们包含着影响渲染输出的信息
不同点: state是组件自己管理数据,控制自己的状态,可变

props是外部传入的数据参数,可变

没有state的叫做无状态组件,有state的叫有状态组件

多用props,少用state。

2.什么是高阶组件?

高阶组件(HOC)是接受-个组件并返回一个新组件的函数。基本上,这是一个模式, 是从React的组合特性中衍生出来的,称其为纯组件,因为它们可以接受任何动态提供的子组件,但不会修改或复制输入组件中的任何行为
HOC可以用于以下许多用例

●代码重用、逻辑和引导抽象

●渲染劫持

●state 抽象和操作

●props处理
3.调用 setState 之后发生了什么?

在代码中调用 setState 函数之后,React 会将传入的参数与之前的状态进行合并,然后触发所谓的调和过程。经过调和过程,React 会以相对高效的方式根据新的状态构建 React 元素树并且着手重新渲染整个 UI 界面。在 React 得到元素树之后,React 会计算出新的树和老的树之间的差异,然后根据差异对界面进行最小化重新渲染。通过 diff 算法,React 能够精确制导哪些位置发生了改变以及应该如何改变,这就保证了按需更新,而不是全部重新渲染。
4.vue和react的区别?

1、react严格 上针对的是mvc模式的view层, vue则是mvvm模式。

2、操作dom的方式不同, vue使用的是指令操作dom, react是通过js进行操作。
3、数据绑定不同, vue实现的是双向绑定,react的数据流动是 单向的。

4、react中state是不能直接改变的,需要使用setState改变。vue中的state不是必须的,数据主要是由data属性在vue对象中管理的。
5.跳转传参有几种方式?

三种,params传参,search传参,state传参,
更常用的是编程式路由。
6.react怎么实现父子组件传值

1.    父传子:子组件标签里写自定义属性传递,接收用props.自定义属性。
2.    子传父:
将想要交给父组件的数据以函数入参的形式给出去。

相关文章
|
7月前
|
前端开发 开发者
探索前端框架的新趋势:React Hooks的应用与实践
本文将深入探讨前端开发中的新趋势,重点介绍React Hooks的应用与实践。通过学习和使用React Hooks,开发者可以更高效地构建可维护、可扩展的前端应用程序。本文将详细介绍React Hooks的原理、优势以及如何在实际项目中运用Hooks来提高开发效率并改善代码结构。无论你是刚入门前端开发还是经验丰富的工程师,本文都将对你有所启发。
|
7月前
|
存储 前端开发 JavaScript
【第24期】一文读懂React生态
【第24期】一文读懂React生态
170 0
|
2月前
|
存储 JavaScript 前端开发
掌握现代Web开发的基石:深入理解React与Redux
【10月更文挑战第14天】掌握现代Web开发的基石:深入理解React与Redux
33 0
|
2月前
|
设计模式 前端开发 JavaScript
深入探索研究React
【10月更文挑战第5天】
26 4
|
7月前
|
前端开发 JavaScript 开发工具
React的发展历程?
【5月更文挑战第27天】React的发展历程?
50 3
|
7月前
|
Web App开发 前端开发 JavaScript
React技能
【5月更文挑战第27天】React技能
49 1
|
7月前
|
开发框架 前端开发 JavaScript
react优劣势
react优劣势
38 1
|
7月前
|
前端开发 JavaScript 小程序
React高手都善于使用useImprativeHandle
React高手都善于使用useImprativeHandle
|
存储 资源调度 前端开发
如何高效学习React:探索React的魅力与实践
React作为目前最受欢迎的前端框架之一,具有强大的性能和灵活的组件化开发方式,是每个前端开发者必须掌握的技能之一。本文将介绍一些学习React的有效方法,帮助读者快速入门并掌握React的核心概念与实践。
|
JavaScript 前端开发 算法