soy nuevo en react y estoy tratando de incrementar un numero cada vez que pulse un boton Increase, de momento estoy usando coderbyte para practicar ejercicios y este es el código con el que estoy intentando incrementar un numero por ejemplo que empieza a contar desde 0 ¿Alguien podría ayudarme por favor se los agradecería?
import React, { useState } from "react";
import { Text, View } from "react-native";
const SimpleCounter = () => {
const [count, actualCount] = useState(0);
let SimpleCounter = () => {
actualCount(count + 1);
};
return (
<View>
<Text>button count: <span id="actualCount">0</span></Text>
<button action={SimpleCounter} id="mainButton">Increase</button>
</View>
);
};
export default SimpleCounter;
Y este es el error que recibo en la consola
Warning: Invalid value for prop %s on <%s> tag. Either remove it from the element, or pass a string or number value to keep it in the DOM. For details, see https://reactjs.org/link/attribute-behavior %s
`action`
button
at button
at div
at eval (webpack://react/../../react-native/node_modules/react-native-web/dist/exports/View/index.js?:56:25)
at SimpleCounter (webpack://react/./src/App.js?:24:66)
at div
at eval (webpack://react/../../react-native/node_modules/react-native-web/dist/exports/View/index.js?:56:25)
at div
at eval (webpack://react/../../react-native/node_modules/react-native-web/dist/exports/View/index.js?:56:25)
at AppContainer (webpack://react/../../react-native/node_modules/react-native-web/dist/exports/AppRegistry/AppContainer.js?:22:24)
button
no tiene atributoaction
... no será que necesitas es ponerleonClick
? para que al hacerle click al botón ejecute esa accion?onClick={simpleCounter}
y además de eso te falta colocar la variable que captura el estado o seacount
en el<Text>
si no estara cambiando de estado pero nunca se va a mostrar en pantalla<Text>button count: <span id="actualCount">{count}</span></Text>