반응형
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- ReactNative
- Chrome
- MachineLearning
- jest
- build
- vsCode
- localserver
- avds
- qunit
- TensorFlow
- androidstudio
- 네트워크
- picker
- 맥
- MAC
- react
- 리눅스
- 센토스
- webpack
- unittest
- centos
- node
- PYTHON
- Android
- xcode
- IOS
- VirtualBox
- linux
- 개발
Archives
- Today
- Total
로메오의 블로그
[React Native] useState 본문
반응형
import React, {useState} from 'react';
import {View, Text, StyleSheet, Button} from 'react-native';
interface State {
age: number;
}
export default function App() {
const [count, setCount] = useState<State>({age: 0});
const increase = () => {
setCount({age: count.age + 1});
};
const descease = () => {
setCount({age: count.age - 1});
};
return (
<View style={styles.container}>
<Text>{count.age}</Text>
<Button title="+1" onPress={increase} />
<Button title="-1" onPress={descease} />
</View>
);
}
const styles = StyleSheet.create({
container: {
flex: 1,
justifyContent: 'center',
alignItems: 'center',
alignContent: 'center',
},
});
반응형
'Frontend > React' 카테고리의 다른 글
[React Native] redux (0) | 2022.10.17 |
---|---|
[React Native] scrollview (0) | 2022.10.13 |
[React Native] state (0) | 2022.10.13 |
[React Native] Tab navigation 사용하기 (2022년 기준) (0) | 2022.10.12 |
[React Native] Stack navigation 사용하기 2 (2022년 기준) (0) | 2022.10.12 |
Comments