Buenas tardes amigos, me presento ante esta comunidad, tengo una pregunta espero puedan aclarármela,
¿Cómo hago para mostrar el estado inicial del store en react-redux?
Tengo un simple componente con un <h1>
en react, el cual le voy a colocar un onClick
para que al darle click me cambie ese título por otro, en el store tengo como estado inicial text:"titulo"
; ¿cómo hago para mostrar este título en la etiqueta <h1>
que tengo en react?
Aquí el código del componente:
import React from 'react'
import {connect} from 'react-redux'
class TodoApp extends React.Component {
render() {
return(
<div>
<h1 onClick={this.cambio}> {this.props.text} </h1>
</div>
)
}
}
const mapStateToProps = state => {
return {
text: state.text
}
}
const mapDispatchToProps = dispatch => {
return {
cambio(text) {
dispatch({
type: "CAMBIAR",
text:"se cambio"
})
}
}
}
export default connect(mapStateToProps, mapDispatchToProps)(TodoApp)