Aplicación de contador simple. El estado cambia como se esperaba cuando se hace clic en el botón, que puedo rastrear en las herramientas de desarrollo de redux. Sin embargo, no puedo acceder al estado de conteo redux desde el componente de contador. ¿Qué estoy haciendo mal exactamente?
import React,{useState} from 'react' import { connect } from 'react-redux'; import addone from '../actions/addone'; const Counter = ({addone,count}) => { console.log(count); return ( <div> <h1>Value:{count}</h1> <button type="button" onClick={()=>addone()}>Add 1</button> </div> ) } const mapStateToProps = (state) => ({ count:state.count }); export default connect(mapStateToProps, { addone })(Counter);la salida no se muestra nada después del valor.
necesita usar useSelector hook en componentes funcionales edité su código:
import React,{useState} from 'react'; import { useSelector} from 'react-redux'; import addone from '../actions/addone'; const Counter = () => { const count = useSelector((state) => state.count); console.log(count); return ( <div> <h1>Value:{count}</h1> <button type="button" onClick={()=>addone()}>Add 1</button> </div> ) }