4 回答

TA貢獻(xiàn)1786條經(jīng)驗(yàn) 獲得超13個(gè)贊
觸摸事件:onTouchCancel\onTouchEnd\onTouchMove\onTouchStart
(只會(huì)在移動(dòng)設(shè)備上接受)
鍵盤(pán)事件:onKeyDown\onKeyPress\onKeyUp
剪切事件:onCopy\onCut\onPaste
表單事件:onChange\onInput\onSubmit
焦點(diǎn)事件:onFocus\onBlur
UI元素:onScroll(移動(dòng)設(shè)備是手指滾動(dòng)和PC的鼠標(biāo)滑動(dòng))
滾動(dòng)事件:onWheel(鼠標(biāo)滾輪)
鼠標(biāo)類型:onClick\onContextMenu(右鍵)\onDoubleClick\onMouseDown\onMouseEnter\
onMouseLeave\onMouseMove\onMouseOut\onMouseOver\onMouseUp
onDrag\onDrop\onDragEnd\onDragEnter\onDragExit\onDragLeave\onDragOver\onDragStart

TA貢獻(xiàn)2019條經(jīng)驗(yàn) 獲得超9個(gè)贊
state在constructor方法里寫(xiě)
...
constructor(props) {
this.state = {
n: ...
}
}
寫(xiě)default props有兩種方法
//1 在組件內(nèi)部的使用static
...
static defaultProps = {
name: ...
}
//2 在組件外部
Hello.defaultProps = {
name: ...
}

TA貢獻(xiàn)1780條經(jīng)驗(yàn) 獲得超5個(gè)贊
解決方法
可以參照這個(gè)代碼試一試。
const { quotes } = require('./quotes.json')
classQuoteScreen extends Component {
state = {
QuoteIndex: 0
}
handleUpdateState = () => {
this.setState(({ QuoteIndex }) => ({
QuoteIndex: (QuoteIndex + 1) % (quotes.length - 1)
}));
}
render() {
return (
<Image ...>
<View ...>
...
<ButtonNextQuote
onPress={this.handleUpdateState}
/>
</View>
</Image>
)
}
}
添加回答
舉報(bào)