react-todolist | react study - react

react-todolist is a JavaScript library. react-todolist has no bugs, it has no vulnerabilities and it has low support. You can download it from GitHub.

react 项目问题记录 1.React, {Component} from ‘react’ 中 React 组件开头必须使用大写 2. 要求render返回的内容 必须放到一个标签里 3.如果我包了一层 div 但是又不想让它在dom结构里展现 该怎么办 react 16 提供了一个 fragment 相当于一个占位符 不在element中体现. this.state里的初始值，展示后，通过事件绑定 事件监听修改state, 使用setState 来处理. 6.标签样式的class 不建议使用class因为是jsx语法 与class同名建议使用 className来代替class. 7.lable的作用是扩大点击区域 上的for 属性 要换为htmlFor. this.setState(() => ({ inputValue: e.target.value })) setState 的同步 异步 原理虚拟DOM. 9 prevState 如此写法,在react中,会形成一个队列,对所有setState依次调用 this.setState(prevState => ({ list: [...prevState.list, prevState.inputValue], inputValue: "" }));. 10.react 是一种声明式开发 声明式开发 减少dom操作 让数据来编程 ，更新数据，更新图纸 ，帮你构建这个建筑. 视图层框架 只用react 不行 我们需要一个数组层的框架 flux mobx redux 不是一个大型的完整框架. 函数式编程 维护比较容易 函数单一 自动化测试 非常容易进行测试. 12 propTypes 子组件校验接受的变量和函数的类型 和设置是否必须传项 defaultProps 定义变量的默认值. 需要注意的是 propTypes defaultProps 首字母需要小写. 13 当组件的state 或者 props 发生改变的时候 组件的render函数就会重新去执行 当父组件的render函数被运行时，它的子组件的render都将被重新运行. 15 e.target可以获取点击元素的DOM节点 . ref={(ul) => {this.ul = ul}}. 16 为什么在 constructor 里面bind函数，而不使用箭头函数 这是因为箭头函数会导致每次函数指针变化，从而降低程序性能 ？. constructor不是react独有的 是ES6的一个函数 就不归于react生命周期。 在react组件中会初始化它自己的数据 constructor 函数可以接收props函数 通过state定义组件内部函数。. 17 为什么shouldComponentUpdate需要返回一个boolean值？ 你的组件需要被更新吗 如果返回false, 我不需要更新我的组件 （处理逻辑复杂的情况 什么情况下要更新组件 什么情况下不需要更新组件 有它自己的使用场景 一般返回true）. 18 为什么请求不能放到 render里 render函数 每当数据更新都会执行 这样会多次请求数据了 不合理 我们想哪个生命周期执行被执行一次 componentDidMount, 为什么不使用 componentWillMount呢，是因为做服务端渲染或者app是 用componentWillMount会有问题。为了防止这些问题，尽量使用componentDidMount，永远都不会有问题。.