随笔分类 - 理论基础-React
发表于 2022-11-12 15:01阅读：37评论：0推荐：0
摘要：什么时候在功能组件(ClassComponent)上使用类组件 (FunctionalComponent)？（必会） 点击查看代码 如果您的组件具有状态( state )或生命周期方法，请使用 Class 组件。否则，使用功能组件
阅读全文 »
发表于 2022-11-12 14:59阅读：59评论：0推荐：0
摘要：react 中组件如何进行数据传值？（必会） 点击查看代码 父级传递子级：把数据挂载子组件的属性上，子组件通过 this.props 来接收父组件的数据。 子级传递父级：父级需要定义一个修改数据的方法，把修改数据的方法传给子组件，当子 组件需要修改父级数据时，调用父级传过来的修改方法 兄弟组件传递：
阅读全文 »
发表于 2022-11-12 14:58阅读：15评论：0推荐：0
摘要：为什么在 componentDidMount()中请求数据？（必会） 点击查看代码 componentDidMount 方法中的代码，是在组件已经完全挂载 到网页上才会调用被执行，所以可以保证数据的加载
阅读全文 »
发表于 2022-11-12 14:55阅读：79评论：0推荐：0
摘要：何为高阶组件(higherordercomponent) (必会） 点击查看代码 高阶组件是一个以组件为参数并返回一个新组件的函数。HOC 运行你重用代码、逻辑和引 导抽象，最常见的可能是 Redux 的 connect 函数，除了简单分享工具库和简单的组合，HOC 最好 的方式是共享 react
阅读全文 »
发表于 2022-11-12 14:54阅读：27评论：0推荐：0
摘要：何为受控组件(controlledcomponent) ？（必会） 点击查看代码 在 HTML 中，类似 <input>,<textarea>和<select> 这样的表单元素会维护自身的状态，并 基于用户的输入来更新，当用户提交表单时，前面提到的元素的值将随表单一起被发送，但在 react 中会有
阅读全文 »
发表于 2022-11-12 14:52阅读：93评论：0推荐：0
摘要：组件的状态(state)和属性(props)之间有何不同？（必会) 点击查看代码 State 是一种数据结构，用于组件挂载时所需数据的默认值。State 可能会随着时间的推移 而发生突变，但多数时候是作为用户事件行为的结果。Props(properties 的简写)则是组件的配置。 props 由父
阅读全文 »
发表于 2022-11-12 14:50阅读：56评论：0推荐：0
摘要：类组件(Classcomponent)和函数式组件 (Functionalcomponent)之间有何不同？（必会) 点击查看代码 类组件：类组件不仅允许你使用更多额外的功能，如组件自身的状态和生命周期钩子，也 能使组件直接访问 store 并维持状态。函数式组件：当组件仅是接收 props，并将组
阅读全文 »
发表于 2022-11-12 14:47阅读：108评论：0推荐：0
摘要：展示组件(Presentationalcomponent)和容器组件 (Containercomponent)之间有何不同？（必会) 点击查看代码 展示组件：展示专门通过 props 接受数据回调，并且几乎不会有自身的状态。 容器组件：展示组件或者其他容器组件提供容器和行为；并调用 actions，
阅读全文 »
发表于 2022-11-12 14:45阅读：14评论：0推荐：0
摘要：ControlledComponent 与 UncontrolledComponent 之间的区别是什么？（必会) 点击查看代码 Controlled Component。通过截获控件 onChange 方法，从而将 value 控制于组件 UnControlled Component 不截获控件的
阅读全文 »
发表于 2022-11-12 14:44阅读：28评论：0推荐：0
摘要：列出 Redux 的组件（必会） 点击查看代码 Action – 这是一个用来描述发生了什么事情的对象 Reducer – 这是一个确定状态将如何变化的地方 Store – 整个程序的状态/对象树保存在 Store 中 View – 只显示 Store
阅读全文 »
发表于 2022-11-12 14:42阅读：54评论：0推荐：0
摘要：createElement 和 cloneElement 有什么区别？（必会) 点击查看代码 传入的第一个参数不同 react.createElement(): JSX 语法就是用 react.createElement()来构建 react 元素的。 它接受三个参数，第一个参数可以是一个标签名。如
阅读全文 »
发表于 2022-11-12 14:39阅读：12评论：0推荐：0
摘要：事件在 react 中的处理方式？（必会） 点击查看代码 React元素的事件处理和DOM元素类似，但有一点语法上的不同： React事件绑定属性的命名采用驼峰式写法，而不是小写 如果采用JSX的语法，咱们需要传入一个函数作为事件处理函数，而不是一个字符串（DOM元素的写法）
阅读全文 »
发表于 2022-11-12 14:36阅读：68评论：0推荐：0
摘要：在 react 当中 Element 和 Component 有何区别？（必会） 点击查看代码 reactElement 是描述屏幕上所见的内容的数据结构,是对于 UI 的对象的表述.典型的。 reactElement 就是利用 JSX 构建的声明式代码片段,然后被转化为 createElement
阅读全文 »
发表于 2022-11-12 14:34阅读：21评论：0推荐：0
摘要：简述 flux 思想？（必会) 点击查看代码 1、用户访问 View 2、View 发出用户的 Action 3、Dispatcher 收到 Action,要求 Store 进行相应的更新 4、Store 更新后，发出一个"change"事件 5、View 收到"change"事件后，更新页面
阅读全文 »
发表于 2022-11-12 14:32阅读：42评论：0推荐：0
摘要：(在构造函数中)调用 super(props)的目的是什么？（必会） 点击查看代码 在 super() 被调用之前，子类是不能使用 this 的，在 ES2015 中，子类必须在 constructor 中 调用 super()。传递 props 给 super() 的原因则是便于(在子类中)能在
阅读全文 »
发表于 2022-11-12 14:30阅读：119评论：0推荐：0
摘要：setState 第二个参数的作用？（必会） 点击查看代码 第一个参数是要改变的 state 对象, 第二个参数是 state 导致的页面变化完成后的回调，等价 于 componentDidUpdate
阅读全文 »
发表于 2022-11-12 14:28阅读：23评论：0推荐：0
摘要：除了在构造函数中绑定 this，还有其它方式吗？（必会） 点击查看代码 你可以使用属性初始值设定项(property initializers)来正确绑定回调，create-react-app 也是 默认支持的。在回调中你可以使用箭头函数，但问题是每次组件渲染时都会创建一个新的回调
阅读全文 »
发表于 2022-11-12 14:27阅读：13评论：0推荐：0
摘要：你怎么理解 redux 的 state 的？ 点击查看代码 数据按照领域（Domain）分类，存储在不同的表中，不同的表中存储的列数据不能重复； 表中每一列的数据都依赖于这张表的主键，表中除了主键以外的其他列，互相之间不能有直接依 赖关系；把整个应用的状态按照领域（Domain）分成若干子 Stat
阅读全文 »
发表于 2022-11-12 14:25阅读：36评论：0推荐：0
摘要：redux 本身有什么不足？ 点击查看代码 1、向事件池中追加方法时，没有做去重处理 2、把绑定的方从在事件池中移除掉时，用的是 arr.splice(index,1)，这样可能会引起数组塌 陷 3、reducer 中 state，每次返回都需要深克隆，可以在 redux 中获取状态信息时，深克隆，
阅读全文 »
发表于 2022-11-12 14:24阅读：114评论：0推荐：0
摘要：调用 setState 之后发生了什么？ 点击查看代码 当调用 setState 后，新的 state 并没有马上生效渲染组件，而是，先看执行流中有没有在批 量更新中，如果有，push 到存入到 dirtyeComponent 中，如果没有，则遍历 dirty 中的 component， 调用 up
阅读全文 »
