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