Как установить значения графа c3js в реакции? - PullRequest
1 голос
/ 30 октября 2019
<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.
...