title: ReactJS ComponentWillMount() after passing Props
body: <p>I want to ask why the child ( ComponentWillMount() ) component is only once rendered, once I am passing props to it everytime on onClick.</p>
  
  <p>Once I click some button that is passing props to the child, the ComponentWillMount() of child is not triggering again, only in the first click only.</p>
  
  <p><strong>Parent Component:</strong> </p>
  
  <pre><code>render(){
  return(
                  &lt;div&gt;
                      &lt;AppModuleForm 
                      editID = {this.state.editID}
                      editURL = {this.state.editURL}
                      editConf = {this.state.editConf}
                      editDesc = {this.state.editDesc}
                      editIcon = {this.state.editIcon}
                      editParent = {this.state.editParent}
                      editOrder= {this.state.editOrder}
                      status={this.state.status} 
                      moduleList={this.state.moduleList}  
                      updateAppModuleTree={this.updateAppModuleTree.bind(this)}/&gt;
                  &lt;/div&gt;
  )
  }
  </code></pre>
  
  <p><strong>Child Component:</strong> </p>
  
  <pre><code>constructor(props){
          super(props)
          console.log(this.props.editDesc)
          this.state={
              url:'',
              description:'',
              parentID:'',
              order:'',
              configuration:'',
              icon:'',
              parentIDList:[],
              urlDuplicate: false,
              isSuccess: false,
              errorMessage: '',
          }
  
      }
  
      componentWillMount(){
          if(this.props.status==='edit'){
              let {
                  editURL,
                  editDesc,
                  editParent,
                  editConf,
                  editIcon,
                  editOrder} = this.props
  
              this.setState({
                  url:editURL,
                  description:editDesc,
                  parentID:editParent,
                  order:editOrder,
                  configuration:editConf,
                  icon:editIcon,
              })
          }
      }
  </code></pre>