[React Native] state

React 목록

 

import React, {Component} from 'react';
import {View, Text, StyleSheet, Button} from 'react-native';

interface State {
  name: string;
  age: 0;
}

export default class App extends Component<State> {
  state: State = {
    name: '',
    age: 0,
  };

  render() {
    return (
      <View style={styles.container}>
        <Text>{this.state.name}</Text>
        <Button
          title="변경"
          onPress={() => {
            this.setState({
              name: 'hello',
            });
          }}
        />
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    alignContent: 'center',
  },
});

 

 

React 목록