觸摸事件：onTouchCancel\onTouchEnd\onTouchMove\onTouchStart
(只會在移動設備上接受)

鍵盤事件：onKeyDown\onKeyPress\onKeyUp

剪切事件：onCopy\onCut\onPaste

表單事件：onChange\onInput\onSubmit

焦點事件：onFocus\onBlur

UI元素：onScroll(移動設備是手指滾動和PC的鼠標滑動)

滾動事件：onWheel(鼠標滾輪)

鼠標類型:onClick\onContextMenu(右鍵)\onDoubleClick\onMouseDown\onMouseEnter\
onMouseLeave\onMouseMove\onMouseOut\onMouseOver\onMouseUp
onDrag\onDrop\onDragEnd\onDragEnter\onDragExit\onDragLeave\onDragOver\onDragStart

state在constructor方法里寫
...
constructor(props) {
this.state = {
n: ...
}
}

寫default props有兩種方法

//1 在組件內部的使用static
...
static defaultProps = {
name:　...
}

//2 在組件外部

Hello.defaultProps = {
name: ...
}

解決方法
可以參照這個代碼試一試。
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>
)
}
}