Chamar Actions em um componente .JSX

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.



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

Paulo Amorim

Responder

Assista grátis a nossa aula inaugural

Assitir aula

Saiba por que programar é uma questão de
sobrevivência e como aprender sem riscos

Assistir agora

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários, consulte nossa política de privacidade.

Aceitar