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
};
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) => ( <Link to={
details/${row.index}
}>{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) {
}
render() { console.log('updated admin') return ( <BootstrapTable ref="table" data={this.props.data} pagination options={this.props.options} bordered={false} striped containerStyle={{ fontSize: ".8em" }}
function mapStateToProps(state) { return { user: state.user }; }
export default connect( mapStateToProps, { updateFile } )(TascAdminTable); `