Razzle: Construtor - chamando super e bind

Criado em 9 jun. 2016 · 3Comentários · Fonte: jaredpalmer/razzle

Oi @jaredpalmer , comecei a trabalhar em um projeto usando seu projeto inicial. Ótimo trabalho!

Eu tenho uma pergunta sobre despachar ações redux nas interações do usuário (por exemplo, clique no botão). Minhas perguntas são mais sobre a sintaxe correta. No passado eu chamei o construtor e chamei a função bind assim:

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>
)
}

Eu acho que você tem um plug-in babel instalado que permite que você evite escrever o "extends React.Component" o tempo todo. Eu não consigo ver 'bindActionCreators' também.

Pergunta, como eu escreveria acima da maneira que poderia ser usado em seu projeto inicial?

Fonte

kkarkos

Comentários muito úteis

Parece que você não está usando connect de react-redux :

import { connect } de 'react-redux'

... seu componente ...

export default connect(mapStateToProps, actionCreators)(Calendar)

wedneyyuri em 9 jun. 2016

👍2

Todos 3 comentários

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 em 9 jun. 2016

Parece que você não está usando connect de react-redux :

import { connect } de 'react-redux'

... seu componente ...

export default connect(mapStateToProps, actionCreators)(Calendar)

wedneyyuri em 9 jun. 2016

👍2

Fechando isso porque não está relacionado ao clichê. Porém, sugiro assistir aos cursos de Dan Abramov sobre Redux:

Confira também a API react-redux para connect : https://github.com/reactjs/react-redux/blob/master/docs/api.md#connectmapstatetoprops -mapdispatchtoprops-mergeprops-options