-
---
查看全部 -
笔记
查看全部 -
笔记
查看全部 -
html是什么
查看全部 -
Props案例
查看全部 -
实现
查看全部 -
截图查看全部 -
Facebook推出的JS库：用来创建用户界面
只和UI打交道，可以看作MVC中的V这一层
React特点：
声明式写法：
轻松创建用户交互界面UI，设计视图，在数据改变时可以高效地更新渲染界面。
声明式写法强调结果，和强调过程的命令式编程相对，
组件化：
Web的世界由各种Html标签的组合构成
React是基于组件的设计流程。我们唯一需要关注如何构建组件，组件有着良好的封装性，让代码的复用，测试，分离更简单。
查看全部 -
删除列表：基本流程和增加列表差不多，但是有两个点需要注意：
1、如何将参数index传到父组件中，我一开始用（e/index）=>this.props.onDeleteComment(e/index),发现传到父组件中都是一个合成事件，找不到索引，只能顺序删除。后来参照了评论里一个同学的，改成了()=>this.props.onDeleteComment(index），就可以任意删除自己想要的节点。
2、删除父组件中，需要分两步进行，先计算，再赋值，我一开始comments:[...this.state.comments].splice(index,1)，一步到位，但是不知道为什么一直有问题；后来改成了const newList = [...this.state.comments] newList.splice(index,1) this.setState({ comments:newList }) 就可以了
整个代码：
子组件：
父组件：
查看全部 -
Props：组件就像一个函数一样，接收特定的输入（props），产出特定的输出（React elements）
V = f(props)
查看全部 -
number=｛123456｝查看全部
-
see
查看全部 -
当一个组件没有生命周期，也没有 state的时候，它就称为一个 statelist component，我们就可以把它写成一个 function 的形式。这样看起来非常简单。
查看全部 -
单向数据流
这个架构学习一下，react 特别的地方，不同于双向数据流
查看全部 -
jizhu
查看全部
截图
举报