React
文章平均质量分 71
MR洁儿
这个作者很懒,什么都没留下…
展开
-
react中父组件异步修改参数,传递给子组件时遇到的问题
最近在做react组件间传参的时候,遇到了一个问题,就是在父组件中通过调用异步函数修改了某一参数值,将其传递给子组件后,在子组件的componentDidMount()函数中获取到的仍然是未修改之前的值。首先在父组件中定义参数初始值:constructor(){ super(); this.state = { testParam: [], //...原创 2018-08-15 14:42:17 · 8909 阅读 · 1 评论 -
React(四):Smart组件与Dumb组件
Dumb组件:在react中,只会接收props,根据props进行渲染的组件称为Dumb组件。 Dumb组件不依赖除了React.js和Dumb组件以外的内容,Dumb组件是最纯粹的,可复用性最好的组件。Smart组件:单靠Dumb组件无法构建应该程序,因为它们除props外,不依赖其他外部的内容,因而无法获取数据。这就需要另一种组件,它们非常“聪明...原创 2018-11-07 15:55:10 · 2097 阅读 · 0 评论 -
React(二):基础项目搭建
近期在用React相关技术编写一个简单的会议室预定系统,将基础的项目搭建部分整理出来,分享一下。编程工具:Webstorm(jetbrains公司旗下的一款JavaScript开发工具,素有“Web前端开发神器”、“最强大的的HTML5编辑器”等称号,个人觉得开发工具没强制要求,用习惯了就好)基础技术:Node.js,Webpack,React,Babel,Webpack-dev-ser...原创 2018-11-08 14:49:24 · 376 阅读 · 0 评论 -
React(一):React的特征及优势
React 最早起源于Facebook,但后来因为其独特的设计思路,出众的性能以及简单的代码逻辑,深受前端开发者的喜爱,目前已成为WEB前端主流的开发工具。其具有的特征与优势如下:1、JSXJSX(JavaScript XML)是js内定义的一套XML语法,最终被解析成js。在JSX中可以将HTML于JS混写。如:ReactDOM.render( <div> ...原创 2018-12-17 15:44:51 · 14477 阅读 · 0 评论 -
React(三):组件的生命周期
React组件的生命周期分为三大部分:挂载(Mount):组件第一次在DOM树中渲染; 更新(Update):组件更新,即重渲染; 卸载(Unmount):把组件从DOM树中删除。1、挂载(Mount)我们把组件渲染,并且构造DOM元素插入到页面的过程称为组件的挂载。组件挂载的过程(组件挂载先关函数,只在组件挂载的时候调用,在组件更新时不会执行):constructor():...原创 2018-12-19 11:12:21 · 1039 阅读 · 0 评论 -
React(五):React在什么情况下会render
React中组件进行render的情况1、初始化React在应用初始化的时候,会渲染全部组件,组件的挂载过程见文章《React(三):组件生命周期》中的介绍。2、setState()在任何情况下都会导致组件的重新渲染,即使state未发生变化当一个组件调用了setState()函数时,不论state是否发生了变化,该组件都将被重新渲染。例如:import React fr...原创 2018-12-19 11:15:46 · 10148 阅读 · 0 评论 -
React(六):重渲染优化
由上一篇文章《React(五):React在什么情况下会render》可知,除初始化组件渲染外,组件会在以下两种情况下发生重渲染:1、当调用setState()函数时,组件会发生重渲染,即使组件的state未发生改变;2、当父组件发生重渲染时,其全部子组件都会重渲染。虽然React的重渲染机制是严谨的,但是也是非常耗时的,我们有两种方式来阻止组件不必要的重渲染。1、shouldCo...原创 2018-12-19 11:17:59 · 1829 阅读 · 0 评论