react中getDefaultProps鉤子函數(shù)

1、如果是extend 方式創(chuàng)建的組件,不可以用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來創(chuàng)建初始props的函數(shù)。

import React from 'react';

const Contacts = React.createClass({

getDefaultProps() {

return {

datatext:"sssssss"

};

},

render() {

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

} });

export default Contacts;

?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

  • 作為一個合格的開發(fā)者,不要只滿足于編寫了可以運行的代碼。而要了解代碼背后的工作原理;不要只滿足于自己的程序...
    六個周閱讀 8,686評論 1 33
  • 原教程內容詳見精益 React 學習指南,這只是我在學習過程中的一些閱讀筆記,個人覺得該教程講解深入淺出,比目前大...
    leonaxiong閱讀 2,954評論 1 18
  • React創(chuàng)建組件的三種方式及其區(qū)別 React推出后,出于不同的原因先后出現(xiàn)三種定義react組件的方式,殊途同...
    程序猿吳彥祖閱讀 319評論 0 0
  • 目前,react組件有三種寫法,分別是es5的createClass寫法,es6的class寫法,以及statel...
    ZoomFunc閱讀 1,913評論 0 1
  • 這些年,人們講了中國面臨的很多陷阱。今天,可能需要加上一個更嚴峻的陷阱,即“愚昧陷阱”。如何避免這個陷阱是各利益相...
    趙雪奎閱讀 327評論 0 0

友情鏈接更多精彩內容