如何通过闪烁文字示例来展示state动词的正确使用？

本文共计93个文字，预计阅读时间需要1分钟。

React Native - BlinkApp / http://reactnative.cn/docs/next/state.导入React和Component导入AppRegistry、Text和View创建Blink类继承自Component在Blink构造函数中调用super(props)

ReactNative - BlinkApp

// reactnative.cn/docs/next/state.html import React, { Component } from 'react'; import { AppRegistry, Text, View } from 'react-native'; class Blink extends Component { constructor(props) { super(props); this.state = { showText: true }; // 每1000毫秒对showText状态做一次取反操作 setInterval(() => { this.setState(previousState => { return { showText: !previousState.showText }; }); }, 1000); } render() { // 根据当前showText的值决定是否显示text内容 let display = this.state.showText ? this.props.text : ' '; return ( {display} ); } } class BlinkApp extends Component { render() { return ( ); } } AppRegistry.registerComponent('BlinkApp', () => BlinkApp);