AllenFang / AllenFang/react-bootstrap-table

Don't rerender when data is changed.

Offen
#2,064 0 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
Vorherrschende Sprache
JavaScript
Sterne
2.2k
Forks
761
PR-Merge-Kennzahlen
Keine gemergten PRs in 30 T.

Beschreibung

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);
`

Beitragsleitfaden

Beitragsleitfaden öffnen

Bewertung

Dieses Issue wurde noch nicht bewertet.

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.