React
DF11G_0001
We choose to go to the moon in this decade and do the other things, not because they are easy, but because they are hard.
展开
-
前端的MVC、MVP、MVVN
什么是MVCMVC的基本思想View告诉controller要更新数据 Controller操纵Model更新数据 Model数据更新后将View现实的东西更新MVC的一些问题如果View想更新,那就必须先通知controller,在更新model,然后再更新自己;开发者需要同时维护View和Model层。 View与Model层高度耦合,复用性差。(比如原本View中的是list,model上传中数据突然要以table来展示,这时就要重新写一遍View中的代码) 数据流.原创 2020-12-16 22:28:09 · 243 阅读 · 0 评论 -
Error: Element type is invalid: expected a string (for built-in components) or a class/function (fo
Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object.今天遇到了一个恶心的BUG。在Stak和各类网站上,类似的BUG都是和引入格式相关。经过一顿定位,发现是ReactDOM.render()函数的问题。当使用react-redux的Provider这个API时,函数中使用预定义原创 2020-10-02 16:08:53 · 1188 阅读 · 0 评论 -
React 无状态组件
当一个组件作为UI组件时,他只有Render函数。这时我们就可以把它写成无状态组件,以一个函数的形式作为一个组件,而非一个对象。这样可以提升性能。原UI组件:class TodoListUI extends Component { render() { return ( <Fragment> <Input value={this.props.inputVal原创 2020-09-26 17:53:29 · 121 阅读 · 0 评论 -
Redux
React中的数据传递十分复杂低效。为了高效对数据进行处理,我们引入Redux对数据进行统一管理。将所有数据都保存在一个store中进行处理。使用Redux时也需要一点优化。比如使用 actionCreator 统一创建 actionActionTypes 的拆分。具体参考Github练习项目React-Redux.git...原创 2020-09-26 17:10:34 · 90 阅读 · 0 评论 -
React的生命周期函数,以及Ajax
指在某一时刻组件会自动执行的函数原创 2020-09-22 23:12:54 · 147 阅读 · 0 评论 -
组件的拆分与组件之间的传值
组件的拆分:创建新组件,然后export分享出去,在父组件中进行引用即可。父组件往子组件进行传值:使用属性方法。通过在父组件中的子组件添加属性值,然后用props再子组件中进行接收。子组件使用父组件中的方法:同样适用属性方法对父组件中方法加以引用,但不要忘了绑定父组件方法中的this指向。...原创 2020-09-14 20:52:30 · 225 阅读 · 0 评论 -
React 有关样式,有关JSX的一些细节
注释JSX中的注释要写成JS代码段的形式。大括号。有关样式编写样式的时候,JSX中标签的class属性会和React原有的class属性造成冲突。虽然不影响运行,但改为className的形式更好。dangerouslySetInnerHTML我们接受一些后端发来的数据进行DOM操作的时候,会用到dangerouslySetInnerHTML取消对指令的转义。在显示时,将内容写入__html对象中即可。具体用法如下: {原创 2020-09-07 23:47:03 · 264 阅读 · 0 评论 -
React开发笔记(二)一个组件
import React, { Component, Fragment } from 'react'class TodoList_1 extends Component { //Todolist的构造函数 constructor(props) { super(props)//super是父类的构造函数,需要先调用一次 this.state = {//react数据要定义在状态里面 //输入框接受的内容 InputValue: 'Hello', //列表中的每一项 li.原创 2020-08-09 23:17:26 · 101 阅读 · 0 评论 -
React开发笔记(一)基础
一些基础的东西如何安装?使用官网的命令npx create-react-app my-app或者先安装create-react-app方法npm install -g create-react-appcreate-react-app ***PWA是啥在index.js中被引入。“progressive web application”一个渐进式网络应用程序。强大且稳定。可离线工作。不需要安装,只需要从浏览器标签开始访问。和manifest.json的本地图标等原创 2020-08-09 01:03:49 · 110 阅读 · 0 评论