Razzle: Constructor - llamando a super y bind

Creado en 9 jun. 2016 · 3Comentarios · Fuente: jaredpalmer/razzle

Hola @jaredpalmer , comencé a trabajar en un proyecto usando tu proyecto inicial. ¡Buen trabajo!

Tengo una pregunta sobre el envío de acciones redux en las interacciones del usuario (por ejemplo, hacer clic en un botón). Mi pregunta es más sobre la sintaxis correcta. En el pasado, llamé al constructor y llamé a la función de vinculación así:

function mapDispatchToProps(dispatch) {
    return bindActionCreators({
        importedAction,
    }, dispatch);
}
class Calendar extends React.Component {

constructor(props) {
   super(props);
   this.handleClick = this.handleClick.bind(this);
}

handleClick(programId) {
        this.props.importedAction()
        .then((response) => {
            do something with response
        });
    }
 }
....

render() {
 return (
   <a onClick={this.handleClick}>Click me to dispatch action</a>
)
}

Creo que tiene instalado un complemento de babel que le permite evitar escribir "extiende React.Component" todo el tiempo. Tampoco puedo ver 'bindActionCreators'.

Pregunta, ¿cómo escribiría arriba en la forma en que podría usarse en su proyecto inicial?

Fuente

kkarkos

Comentario más útil

Parece que no estás usando connect de react-redux :

importar {conectar} desde 'react-redux'

... tu componente...

exportar conexión predeterminada (mapStateToProps, actionCreators) (Calendario)

wedneyyuri en 9 jun. 2016

👍2

Todos 3 comentarios

function mapDispatchToProps(dispatch) {
    return bindActionCreators({
        importedAction,
    }, dispatch);
}
class Calendar extends React.Component {

handleClick(programId) {
        this.props.importedAction()
        .then((response) => {
            do something with response
        });
    }
 }
....

render() {
 return (
   <a onClick={(evt) => this.handleClick()}>Click me to dispatch action</a>
)
}

wedneyyuri en 9 jun. 2016

Parece que no estás usando connect de react-redux :

importar {conectar} desde 'react-redux'

... tu componente...

exportar conexión predeterminada (mapStateToProps, actionCreators) (Calendario)

wedneyyuri en 9 jun. 2016

👍2

Cerrando esto porque no está relacionado con el repetitivo. Sin embargo, sugiero ver los cursos de Dan Abramov sobre Redux:

Consulte también la API react-redux para connect : https://github.com/reactjs/react-redux/blob/master/docs/api.md#connectmapstatetoprops -mapdispatchtoprops-mergeprops-options