...this.props 的说明:
import React,{Component,PropTypes} from 'react';
class TodoInput extends Component{
static get defaultProps(){
return{
type: "text",
style: {width:300 ,height:30},
placeholder :"请输入内容"
}
}
static PropTypes={
type:PropTypes.string.isRequired,
style:PropTypes.object.isRequired,
placeholder:PropTypes.string.isRequired,
}
render(){
return (
<input { ...this.props } />
)
}
}
{/* <input type={type} style={style} placeholder={placeholder}/>*/}
export default TodoInput;
上例看到我们用 <input { ...this.props } /> 代替了 <input type={type} style={style} placeholder={placeholder}/>
简写而已。