tengo un conflicto que no sé como extraer el hooks State de un componente, no sé si se pueda, lo que quiero es traer el dato del componente "contador" (en un archivo diferente) a otro componente mayor para posteriormente realizar operaciones con ese dato extraido.
No sé si estoy haciendo una mala practica de react y hay una mejor manera de hacerlo.
En este caso quiero extraer el State de cantidad y pasar ese valor al componente "padre"
// componente mayor o padre //
const Mycomponent= () => {
return (
<React.Fragment>
<Form>
<Form.Group>
<Row>
<Col md="1">
<Form.Label>Filtro:</Form.Label>
</Col>
<Col className="text-center" md="2">
<Form.Control as="select">
<option > </option>
</Form.Control>
</Col>
</Row>
</Form.Group>
</Form>
<Contador /> // componente contador
</React.Fragment>
);
};
// componente contador.js //
const contador = () => {
const [cantidad, setCantidad] = React.useState(1);
const sumar = () => {
setCantidad((cantidad) => cantidad + 1);
};
const restar = () => {
setCantidad((cantidad) => cantidad - 1);
};
return (
<React.Fragment>
<button onClick={restar}>-</button>
<input
className="text-center"
type="number"
value={cantidad}
/>
<button onClick={sumar}>+</button>
</React.Fragment>
);
};