react中getDefaultProps钩子函数

1、如果是extend 方式创建的组件,不可以用getDefaultProps设置默认的props值,放在类名.defaultProps = {}中

class PreDes extends React.Component {

render(){

return ( <div> {this.state. datatext } </div> )

}

}

PreDes.defaultProps = {  

   datatext:"sssssss"

}

export default PreDes;

2、在React.createClass中, getDefaultProps属性是一个返回Object来创建初始props的函数

import React from 'react';

const Contacts = React.createClass({

getDefaultProps() {

return {

datatext:"sssssss"

};

},

render() {

return ( <div>{this.props. datatext }</div> );

} });

export default Contacts;

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 作为一个合格的开发者,不要只满足于编写了可以运行的代码。而要了解代码背后的工作原理;不要只满足于自己的程序...
    六个周阅读 12,710评论 1 33
  • 原教程内容详见精益 React 学习指南,这只是我在学习过程中的一些阅读笔记,个人觉得该教程讲解深入浅出,比目前大...
    leonaxiong阅读 7,870评论 1 18
  • React创建组件的三种方式及其区别 React推出后,出于不同的原因先后出现三种定义react组件的方式,殊途同...
    程序猿吴彦祖阅读 1,950评论 0 0
  • 目前,react组件有三种写法,分别是es5的createClass写法,es6的class写法,以及statel...
    ZoomFunc阅读 5,823评论 0 1
  • 这些年,人们讲了中国面临的很多陷阱。今天,可能需要加上一个更严峻的陷阱,即“愚昧陷阱”。如何避免这个陷阱是各利益相...
    赵雪奎阅读 2,286评论 0 0

友情链接更多精彩内容