ReactNativeで現在時刻表示
Posted On 2018年12月7日
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 |
import React from 'react'; import { StyleSheet, Text, View, Button } from 'react-native'; class Clock extends React.Component { constructor(props) { super(props); this.state = {date: new Date()}; } componentDidMount() { } componentWillUnmount() { } render() { return ( <View style={styles.container}> <Text h1>Hello, world!</Text> <Text h2>It is {this.state.date.toLocaleTimeString()}.</Text> </View> ); } } export default class App extends React.Component { render() { return ( <Clock/> ); } } const styles = StyleSheet.create({ container: { flex: 1, backgroundColor: '#fff', alignItems: 'center', justifyContent: 'center', }, }); |
About The Author
