title: React Child Component Not Rendering
body: <p>I have created a parent class that holds two child components, with one of the children trying to pass data back to the parent's state. When I run the code, I do not get any runtime errors, but the child that is sending data back to the parent is not rendering at all (even initially). All the components are capitalized so that is not the issue. I think it has something to do with the syntax in the OnClick function, or my method of passing the props back to the parent. I am new to React, so any help would be appreciated!</p>
  
  <p><strong>Parent Class</strong></p>
  
  <pre><code>  class DropdownParent extends React.Component {
    constructor(props) {
      super(props);
      this.state = {propsForClassDropdown: []};
      this.getClasses = this.getClasses.bind(this);
    }
  
    getClasses(subjectTitle){
      var chosenSubject = Subjects.subjectTitle;
      this.setState({propsForClassDropdown: {chosenSubject}.classes})
    }
  
  
    render(){
      return(
      &lt;div className = "DropdownContainer"&gt;
        &lt;SubjectDropdown triggerListChange = {this.getClasses} /&gt;
        &lt;ClassDropdown /&gt;     //this one renders properly
      &lt;/div&gt;
      )
    }
  }
  </code></pre>
  
  <p><strong>Child component that is not rendering</strong></p>
  
  <pre><code>class SubjectDropdown extends React.Component {
    constructor(props) {
      super(props);
      this.state = { searchTerm: "", searchStarted: false };
      this.searchUpdated = this.searchUpdated.bind(this);
    }
    searchUpdated (term) {
      this.setState({searchTerm: term, searchStarted: true})
    }
  
    render(){
      console.log("rendering");
      const filteredSubjects = Subjects.filter(createFilter(this.state.searchTerm, KEYS_TO_FILTERS))
      return(
      &lt;div&gt;
        &lt;div className = "SubjectDropdownContainer"&gt;
          &lt;SearchInput className='search-input' onChange={this.searchUpdated} /&gt;
              &lt;div className = 'SubjectDropdown'&gt;
                {filteredSubjects.map(Subjects =&gt; {
                    return (
                      &lt;div&gt;
                      &lt;Button className = "dropdownItem" key={Subjects.id} onClick={()=&gt;this.props.triggerListChange(key)}&gt;
                        {Subjects.subject.name}
                      &lt;/Button&gt;
                      &lt;/div&gt;
                    )
                })}
              &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      )
    }
  }
  </code></pre>