Chamar Actions em um componente .JSX
Amigos, não estou conseguindo comunicar o meu componente .jsx com os meus métodos de Actions.
Importando o arquivo das actions: import * as messageActionCreators from ''./buscaActions'';
Chamando um método: this.props.setListaMatriculasRecibo(row.Matricula, isSelected);
Erro: Uncaught TypeError: Cannot read property ''setListaMatriculasRecibo'' of undefined.
Importando o arquivo das actions: import * as messageActionCreators from ''./buscaActions'';
Chamando um método: this.props.setListaMatriculasRecibo(row.Matricula, isSelected);
Erro: Uncaught TypeError: Cannot read property ''setListaMatriculasRecibo'' of undefined.
import React, { Component } from ''react''; import { BootstrapTable, TableHeaderColumn, } from ''react-bootstrap-table''; import { connect } from ''react-redux''; import PropTypes from ''prop-types''; import { bindActionCreators } from ''redux''; import * as messageActionCreators from ''./buscaActions''; class gridReciboFerias extends Component { onSelect(row, isSelected) { this.props.setListaMatriculasRecibo(row.Matricula, isSelected); } render() { return ( <div className="col-md-12"> <BootstrapTable options={this.props.options} data={this.props.lista} selectRow={{ mode: ''checkbox'', bgColor: ''rgb(217, 237, 247)'', onSelect: this.onSelect, //onSelectAll: this.onSelectAll, showOnlySelected: true }} pagination search searchPlaceholder=''Buscar...'' multiColumnSearch headerStyle={{ background: ''#3174AE'', color: ''white'' }} containerStyle={{ fontSize: ''12px'' }} striped condensed hover > <TableHeaderColumn row=''0'' isKey headerAlign=''center'' dataField=''Matricula'' className="text-xs-center" columnClassName="text-xs-center" width={''30%''} > Matrícula </TableHeaderColumn> <TableHeaderColumn row=''0'' dataField=''Nome'' className="text-xs-center" columnClassName="text-xs-center" width={''50%''} >Nome </TableHeaderColumn> </BootstrapTable> </div> ); } } gridReciboFerias.contextTypes = { router: PropTypes.object }; function mapStateToProps(state) { return { usuario: state.reducers.usuario, reciboFerias: state.reducers.reciboFerias }; } function mapDispatchToProps(dispatch) { return bindActionCreators(messageActionCreators, dispatch); } export default connect(mapStateToProps, mapDispatchToProps)(gridReciboFerias);

Paulo Amorim
Curtidas 0