前端学习之React中的组件复用render props 模式render prop 是指一种在 React 组件的 render 方法使用一个值为函数的 prop (该函数返回一个React 元素)以共享代码的简单技术; 在需要被复用的组件内,提供复用的状态逻辑代码,如状态和操...2020-09-22学习笔记
前端学习之React中的组件通信组件接收数据组件是封闭的,要接收外部数据应该通过 props 来实现; 在组件中,通过标签给添加属性传递数据,而接收数据时,函数组件通过参数 props 接收,类组件通过 this.props 接收; 可以给组件传递任何数据类型的数据,包括 JSX...2020-09-19学习笔记
前端学习之React中的事件处理事件处理简介React 元素的事件处理和 DOM 元素的很相似,但是有一点语法上的不同: React 事件命名采取驼峰式,不是纯小写; 在{}中传入一个函数作为事件处理函数,而不是一个字符串; 12345678910111213141516171...2020-09-15学习笔记
前端学习之React中的组件组件简介 组件是React的一等公民,使用React就是在用组件 组件表示页面中的部分功能 组合多个组件实现完整的页面 功能特点:可复用、独立、可组合 组件的创建方式使用函数创建组件 函数名称首位必须是大写字母; 函数组件必须有返回值,表...2020-09-13学习笔记
前端学习之React报错指北 Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or comp...2020-09-13学习笔记
前端学习之React中的JSXJSX的基本使用 为什么不使用React.createElement()? 繁琐不够简洁 结构不够直观,无法一眼看出 不够优雅,用户体验差 JSX 是 JavaScript XML 的简写,表示在 JavaScript 代码中写 XML(HT...2020-09-11学习笔记
前端学习之 React 简介与基本使用什么是 ReactReact 是一个用来构建用户界面(HTML 页面)的 JavaScript 库,如果从 MVC的角度看,React仅仅是视图层,也就是只负责视图的渲染,而并非完整的M和C的功能; React 来源于 FaceBook 的内部项目,...2020-09-10学习笔记