此处以input组件为例

input.js

import React from 'react'

 class Input extends React.Component {

 
// ps:使用static方式为ES7草案语法,需要使用安装babel-preset-stage-0,并在webpack的预设中配置stage-0
// 如:.babelrc中配置

  //{
  //  "presets": [
  //  "react",
  //  "es2015",
  //  "stage-0"
  //  ]
  //}

//********************************************************

   //static defaultProps = {

  //  type: 'text',
  //}
  //static propTypes = {
  //  placeholder: React.PropTypes.string,
  //  value: React.PropTypes.string,
  //  type: React.PropTypes.string.isRequired,
  /    constructor(props) {

        super(props);
console.log(this.props);
}
render () { return (
<input {...this.props}/>
      )
  }
}
Input.defaultProps = {
 type: 'text'
}

Input.propTypes
= {
placeholder: React.PropTypes.string,
value: React.PropTypes.string,
type: React.PropTypes.string.isRequired,
} export default Input;

最新文章

  1. 复习(2)【postman,charles,filezilla server】
  2. Oracle:分割字符串 取TOP N条记录
  3. 树网的核[树 floyd]
  4. HTML5中createPattern()
  5. 项目ppt演讲与阶段性总结
  6. HDU 1397 Goldbach&#39;s Conjecture(二分,查找素数)
  7. unity3d Hair real time rendering 真实头发实时渲染(转)
  8. JUnit4注解基本介绍
  9. HTTP协议学习-01
  10. C#使用自定义字体(从文件获取)
  11. 未能找到类型名称&quot;MembershipProvider&quot;
  12. yii框架网址解析问题
  13. MIFARE系列7《安全》
  14. Java定时任务调度详解
  15. centos7上安装ffmpeg
  16. DEVEXPRESS GRIDVIEW 代码添加按钮(转)
  17. javascript之传输加密
  18. 836. Rectangle Overlap
  19. js 事件委托代理
  20. [转]用多线程方法实现在MFC/WIN32中调用OpenGL函数并创建OpenGL窗口

热门文章

  1. socket简记-消息格式
  2. vue 项目中引入图片使用相对路径,图片不显示的问题
  3. Cannot add middleware after an application has started
  4. 如何下载zoom上别人录制的视频?
  5. 如何完整卸载catia?
  6. 升级安装cuda
  7. CAD轴测图怎么画?快来试试浩辰CAD超级轴测命令!
  8. Intel oneAPI 环境变量设置
  9. unity GetComponent在android端获取对象错误
  10. R7-1 字符排队