La suma y/o resta no funcionan en pantalla pero si en la consola. dejo mi codigo
esta es la funcion:
import { useState } from "react";
function FuncComponent() {
const [value, setValue] = useState(0)
return (
<div>
Componente funcional
<p>
<button onClick={ () => setValue(value-1) }>-</button> { value }
<button onClick={ () => setValue(value+1) }>+</button>
</p>
</div>
)
}
export default FuncComponent;
esta es la clase:
import { Component } from "react";
class ClassComponents extends Component{
constructor() {
super()
this.state = {
contador: 0,
}
}
render() {
return(
<div>
Class Component
<p>
<button onClick={() => this.setState({ contador: this.state.contador - 1, })}>-</button>
{this.state.contador}
<button onClick={() => this.setState({ contador: this.state.contador + 1, })}>+</button>
</p>
</div>
)
}
}
export default ClassComponents
este es app.js
import './App.css';
import ClassComponents from './components/ClassCompononents';
import FuncComponent from './components/FuncComponents';
function App() {
return (
<div>
<ClassComponents/>
<FuncComponent/>
</div>
)
};
export default App;