AllenFang / AllenFang/react-bootstrap-table

Don't rerender when data is changed.

Abierto
#2,064 0 comentarios 0 reacciones 0 asignados Ver en GitHub
Lenguaje dominante
JavaScript
Estrellas
2.2k
Forks
761
Métricas de merge de PR
Sin PR fusionados en 30 d

Descripción

Hello.

Really I can't understand why did not rerender table when data is changed.
I added my code in the follow.
Really data is updated correctly but table is not rerender.
Please teach me if you know this.
Thanks.

`import React, { Component } from "react";
import { Link } from "react-router-dom";
import { connect } from "react-redux";
import moment from "moment";
import { BootstrapTable, TableHeaderColumn } from "react-bootstrap-table";
import "../../node_modules/react-bootstrap-table/dist/react-bootstrap-table-all.min.css";
import DatePicker from "./DatePicker";
import Dropdown from "./Dropdown";
import NotesModal from "./NotesModal";
import { updateFile } from "../Actions/FileActions";

class TascAdminTable extends Component {
state = {
focused: false,
data: this.props.data
};

componentWillReceiveProps(nextProps) {
this.setState({
data: nextProps.data
})
}

renderFileDetails = (cell, row) => (
{row.fileNumber}
);

renderDatePicker = (cell, row) => {
if(row.index == 45)
console.log('estClosingDate: ', row.estClosingDate, ' loanStatus: ', row.loanStatus);
return (

)
};

renderLoanStatus = (cell, row, formatExtraData, rowIdx) =>
;

renderHoaStatus = (cell, row, formatExtraData, rowIdx) =>
;

renderNotes = (cell, row) => ;

updateField(rowIdx, field, value) {

let file = this.state.data[rowIdx];
file[field] = value;
this.setState({ data: this.state.data });

const user = this.props.user;
const payload = {
entityId: user.entityId,

fileNumber: file.fileNumber,
role: file.role,
agent: file.agent,
estClosingDate: file.estClosingDate !== null && file.estClosingDate !== "null" ? moment(file.estClosingDate) : null,
loanStatus: file.loanStatus,
hoaStatus: file.hoaStatus,
notes: file.notes,

focused: false
};

//console.log('updateField: file: loanStatus:', file['loanStatus'], 'hoaStatus:', file['hoaStatus'], payload);
this.props.updateFile(payload);
}

render() {
console.log('updated admin')
return (


Created


File Number


Role


Last Name


Property Address


preDOCS Status


Est. Closing Date


Loan Payoff Status


HOA Payoff Status


Notes


);
}
}

function mapStateToProps(state) {
return {
user: state.user
};
}

export default connect(
mapStateToProps,
{ updateFile }
)(TascAdminTable);
`

Guía de contribución

Abrir la guía de contribución

Evaluación

Este issue todavía no se ha evaluado.

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.