<code>I am make a new component to call graph.
Following values I am getting from previous component:
<pre>
this.props.remaining_loan,
this.props.total_repayment_array,
this.props.Equity_From_Appreciation_array
Теперь каждый раз, когда я обновляю значение в предыдущем компоненте, оно обновляется в консоли рендеринга, но я не знаю, как установитьState для новых значений, которые я получаю сейчас. Мой код для компонента графика:
class Graph extends React.Component {
constructor(props) {
super(props);
this.state = {
chartData: {
columns: [
[...['Remaining_Loan'], ...this.props.remaining_loan],
[...['total_repayment_array'], ...this.props.total_repayment_array],
[...['Equity_From_Appreciation_array'], ...this.props.Equity_From_Appreciation_array]
],
types: {
Remaining_Loan: 'area-spline',
total_repayment_array: 'area-spline',
Equity_From_Appreciation_array: 'area-spline'
// 'line', 'spline', 'step', 'area', 'area-step' are also available to stack
},
groups: [['Remaining_Loan', 'total_repayment_array','Equity_From_Appreciation_array']]
}
};
}
onChange=()=>{
this.setState({
chartData: {columns: [
[...['Remaining_Loan'], ...this.props.remaining_loan],
[...['total_repayment_array'], ...this.props.total_repayment_array],
[...['Equity_From_Appreciation_array'], ...this.props.Equity_From_Appreciation_array]
]
}
})
}
render() {
console.log([...['remaining_loan'], ...this.props.remaining_loan]);
console.log("this is the props now I found", this.props.remaining_loan);
return (
);
}
}
I am not getting how can I setState of this type of array.