Fórum Chamar Actions em um componente .JSX #597345
24/09/2018
0
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
Curtir tópico
+ 0
Responder
Clique aqui para fazer login e interagir na Comunidade :)