更好的ES6方式在React中更新状态

Question

更好的ES6方式在React中更新状态

Answer 1

解决方法
可以参照这个代码试一试。
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>
)
}
}