qq_55978913的博客

博客zyzcos.gitee.ioRender Props什么是Render Props个人初步理解：就是通过this.props.render()这个函数，将state作为接口并对外开放，外部组件通过改变state，引起内部state变化，从而发生重渲染。如何理解Render Props的作用假如有一个监测鼠标坐标的组件class Mouse extends React.Component { constructor(props){ super(props

博客zyzcos.gitee.io与第三方库协同感觉目前的项目都是纯React、或者纯Vue，这种集成协同的技巧，感觉先不用学。深入学习JSX什么是JSXJSX是React.creamentElement(component,porps,...children)的语法糖JSX一些语法只要调用了React组件，该JSX内就要引入React import React from 'react'; import CustomButton from './CustomButton'

博客zyzcos.gitee.iodemohttps://gitee.com/zyzcos/react-advanced-guidelines/tree/master代码分割主要是使用Webpack、Rollup等，本次使用自己熟悉的Webpack基础这里学的东西，很多都是Vue.js里面学过的如：importexportwebpack的基本配置 npm install react npm install react-dom npm install -D

demohttps://gitee.com/zyzcos/react-study条件渲染其实就是在组件内写判断逻辑进行条件渲染。 function FirstCome(props){ return <h1>Welcome , { props.name }</h1> } function UnFirstCome(props){ return <h1>Welcom back , { props.name }</h1> }

为什么开始学习React呢？主要是我感觉Vue.js学的差不多了，就想继续拓展一下，然后就开始学习Reactdemohttps://gitee.com/zyzcos/react-studyReact个人理解：React也是一个渐进式框架，可以有选择性的在网站的一小部分使用ReactReact的使用：<!-- 1.创建React渲染的容器 --> <div id='like_button_container'></div><!-- 2.加载Re