遇到的问题

目前模板是自己任意定义的,样式不好控制 在组件设计时,可以把页面数据显示的地方,分割父子组件嵌套的结构,比如,商品数据显示列表,把组外层容器看成是父组件,里面是数据显示的渲染模板,看成是子组件

 

做数据交互

1.实现父子组件的分离---父组件请求data,子组件解析

2.实现在父组件中,生命周期函数中请求ajax,得到数据后,先存在父组件的state中,再把state传递给子组件的props

3.在子组件中解析和打印数据

4.在父组件中控制子组件的叠加,最后将叠加结果通过父组件渲染到页面中

 

Mixins

Mixins是React组件中提供出的一个属性

在开发中很多功能(JS函数构成的模块)存在共性,将公共函数抽取,通过Mixins来使用

首先将公共的函数提取出来,放在一个Object中,这些方法提取出来以后的类型也是Object方法类型

使用:在需要调用公共方法的组件中,通过mixins:[commonApis]把commonApis对象中的方法都挂载到该组件的原型链上

在组件中要是用这些方法,只需要onChange={this.checkInput}即可

最新文章

  1. css3动画简介以及动画库animate.css的使用
  2. Codeforces Round #215 (Div. 2) B. Sereja and Suffixes
  3. [CareerCup] 8.9 An In-memory File System 内存文件系统
  4. 配置Texmaker中文支持
  5. 通用SQL存储过程分页以及asp.net后台调用
  6. 自己写的一个android小应用 手电筒
  7. Nginx入门案例(Mac版)
  8. Javascript写的一个可拖拽排序的列表
  9. [JCIP笔记] (二)当我们谈线程安全时,我们在谈论什么
  10. 试试自行封装AJAX和jQuery中的ajax封装的基本使用
  11. Android 6.0以后的版本报错:open failed: EACCES (Permission denied)
  12. IDEA—— 找不到或无法加载主类Main
  13. 2D空间中求线段与圆的交点
  14. 版本控制 version control和团队协作
  15. WordPress主题开发:评论框
  16. SSH远程启动tomcat后,退出SSH,tomcat也退出
  17. 详解ABBYY FineReader 12扫描亮度设置
  18. 使用kbmMW#1轻松实现REST
  19. centos安装telnet
  20. nginx安装Lets Encrypt SSL免费HTTPS加密证书

热门文章

  1. 蓝桥杯 基础练习 BASIC-12 十六进制转八进制
  2. 华为公司内部培训资料_介绍RTSP的消息、信令等
  3. 安装并配置工具以使用iOS进行构建
  4. 位数问题(dp 递推)
  5. windows-x64下安装python3.6
  6. python开发面向对象基础:封装
  7. C#使用自定义字体
  8. oracle 分析函数加order by的影响
  9. pandas层级索引1
  10. 微信开发准备(四)--nat123内网地址公网映射实现