title: React Search Filter of Objects not filtering
body: <p>I'm trying to create a search filter that will filter through facility names that lives in an array of objects.If I hard code an array into the state the filter works, but I need it to drab the info from props. The filtered list is being generated and showing all of the names on the screen but when I type it the textbox to filter nothing happens. What have I overlooked? </p>
  
  <pre><code>class FacilitySearch extends React.Component {
  constructor(props) {
      super(props);
  
      this.state = {
          search: ""
      };
  }
  
  componentDidMount() {
      this.props.dispatch(actions.getFacilitiesList());
  }
  
  //The subsr limits the # of characters a user can enter into the seach box
  updateSearch = event =&gt; {
      this.setState({ search: event.target.value.substr(0, 10) });
  };
  
  render() {
      if (!this.props.facilityList) {
          return &lt;div&gt;Loading...&lt;/div&gt;
      }
  
      let filteredList = this.props.facilityList;
      filteredList.filter(facility =&gt; {
          return facility.facilityName.toLowerCase().indexOf(this.state.search.toLowerCase()) !== -1;
      });
  
      return (
          &lt;div&gt;
              &lt;input
                  type="text"
                  value={this.state.search}
                  onChange={this.updateSearch.bind(this)}
                  placeholder="Enter Text Here..."
              /&gt;
              &lt;ul&gt;
                  {filteredList.map(facility =&gt; {
                      return &lt;li key={facility.generalIdPk}&gt;{facility.facilityName}&lt;/li&gt;;
                  })}
              &lt;/ul&gt;
          &lt;/div&gt;
      );
  }
  }
  const mapStateToProps = state =&gt; ({
  facilityList: state.facilityList.facilityList
  });
  
  export default connect(mapStateToProps)(FacilitySearch)
  </code></pre>