refactor: use proper react native components

kaylakremer · kaylakremer · commit b32383771892 · 2023-06-13T15:36:33.000-04:00
diff --git a/solutions/react-native-simple-counter.js b/solutions/react-native-simple-counter.js
@@ -1,18 +1,19 @@
 import React, { useState } from "react"
-import { Text, View, StyleSheet } from "react-native"
+import { Text, View, StyleSheet, Button } from "react-native"
 
 const SimpleCounter = () => {
     const [count, setCount] = useState(0)
 
     const increment = () => setCount(count + 1)
+
     return (
         <View style={styles.container}>
             <Text style={styles.counter}>
-                button count: <span id="actualCount">{count}</span>
+                button count: <Text id="actualCount">{count}</Text>
             </Text>
-            <button id="mainButton" onClick={increment}>
+            <Button id="mainButton" onPress={increment}>
                 INCREASE
-            </button>
+            </Button>
         </View>
     )
 }
