react中對props的一些基礎限制

2021-10-25 15:22:31 字數 557 閱讀 7509

通過proptypes跟proptypes實現對props的型別限制

//在函式式組建中通過這兩種自帶的方法實現對props的型別限制

person.proptypes =

//在類式組建中可以用static來實現簡寫的形式

class

person

extends

react.component

render()

=this

.props //利用結構賦值提前拿到值,props是唯讀的

return

(姓名:

<

/li>

年齡:<

/li>

性別:<

/li>

<

/ul>

<

/div>)}

}

通過defaultprops實現對props的預設值設定

person.defaultprops =

//當然在類式元件中也可以用static來簡寫

react學習中的一些細節

1 css相關 react的css引用方式 var styles require category.css import styles from category.css 傳統的方式是 元件的使用方式 test 傳統的方式是test 要使用兩個類,classname 想使用行內樣式,就是這樣的寫法 ...

React中的一些困惑 bind this

如果你用過react,或者正在用react作開發,就一定看過或者寫過這種 constructor props handlerevent 其實這三個問題可以一併說 首先,我們先把上面的 改一下 class demo handlerevent 在不考慮react的前提下,想要呼叫這個handlereve...

react 中元件狀態的一些理解

元件狀態 即state 只有當state發生變化時,元件才會更新。當乙個html標籤的值依賴於state的值得時候,如果state的值沒有更新時,這個標籤的值無論如何也是不會更新的。看下面示例 class test extends react.component render this.state ...