React学习笔记4
2024-08-24 15:43:26
遇到的问题
目前模板是自己任意定义的,样式不好控制 在组件设计时,可以把页面数据显示的地方,分割父子组件嵌套的结构,比如,商品数据显示列表,把组外层容器看成是父组件,里面是数据显示的渲染模板,看成是子组件
做数据交互
1.实现父子组件的分离---父组件请求data,子组件解析
2.实现在父组件中,生命周期函数中请求ajax,得到数据后,先存在父组件的state中,再把state传递给子组件的props
3.在子组件中解析和打印数据
4.在父组件中控制子组件的叠加,最后将叠加结果通过父组件渲染到页面中
Mixins
Mixins是React组件中提供出的一个属性
在开发中很多功能(JS函数构成的模块)存在共性,将公共函数抽取,通过Mixins来使用
首先将公共的函数提取出来,放在一个Object中,这些方法提取出来以后的类型也是Object方法类型
使用:在需要调用公共方法的组件中,通过mixins:[commonApis]把commonApis对象中的方法都挂载到该组件的原型链上
在组件中要是用这些方法,只需要onChange={this.checkInput}即可
最新文章
- css3动画简介以及动画库animate.css的使用
- Codeforces Round #215 (Div. 2) B. Sereja and Suffixes
- [CareerCup] 8.9 An In-memory File System 内存文件系统
- 配置Texmaker中文支持
- 通用SQL存储过程分页以及asp.net后台调用
- 自己写的一个android小应用 手电筒
- Nginx入门案例(Mac版)
- Javascript写的一个可拖拽排序的列表
- [JCIP笔记] (二)当我们谈线程安全时,我们在谈论什么
- 试试自行封装AJAX和jQuery中的ajax封装的基本使用
- Android 6.0以后的版本报错:open failed: EACCES (Permission denied)
- IDEA—— 找不到或无法加载主类Main
- 2D空间中求线段与圆的交点
- 版本控制 version control和团队协作
- WordPress主题开发:评论框
- SSH远程启动tomcat后,退出SSH,tomcat也退出
- 详解ABBYY FineReader 12扫描亮度设置
- 使用kbmMW#1轻松实现REST
- centos安装telnet
- nginx安装Lets Encrypt SSL免费HTTPS加密证书