why my component is not re-rendering in react
<p>So i was trying to change my component when state (in my case submitted) is  changed. when ever i update the state normally (not inside http get)it will changed my component properly but when i do the same thing inside http get call state is updated but my component will not change.Please give any suggestions for solving this problem. Thanks in advance.... :) </p>

<pre><code>import React from 'react';
import { Panel, Grid, Row, Col } from 'react-bootstrap';
import styles from './Panels.scss';
import Card from '../Card/Card.js';
import PanelForm from '../PanelForm/PanelForm';
import PanelFormData from '../PanelFormData/PanelFormData';
import http from 'axios';
export default class Panels extends React.Component {

  constructor(props) {
    super(props);
    this.state={
      submitted:0,
      allocatedBudgetData:this.props.allocatedBudgetData
    }
    this.updateStateForm=this.updateStateForm.bind(this);
  }

  //this function is called by another component and update the state
  updateStateForm(){
    http.get('./static/PanelReportDataFilled.json')
      .then((response) =&gt; {
      var submitted=this.state.submitted==0?1:0;
      console.log('inside http method',submitted);
      this.setState({
        allocatedBudgetData:response.data,
        submitted:submitted
      });

    })

  }
     render() {
    console.log('inside render state is ',this.state.submitted); 

    const panelFormInput=(&lt;PanelForm formState={this.state.submitted} formType={this.updateStateForm} role={this.props.role} allocatedBudgetData={this.state.allocatedBudgetData}&gt;&lt;/PanelForm&gt;);
    return(
      &lt;Panel header={this.props.title} bsStyle="primary" className={styles['panels']}&gt;
        &lt;Grid&gt;
          &lt;Row className="show-grid"&gt;
            &lt;Col sm={5} md={8}&gt;
              &lt;div style={{height: "auto"}}&gt;
                &lt;Card renderchild={panelFormInput} borderRadius={4}/&gt;
              &lt;/div&gt;
            &lt;/Col&gt;
          &lt;/Row&gt;
        &lt;/Grid&gt;
      &lt;/Panel&gt;
    )
}
}
</code></pre>