title: How to make my component re render after updating props from selector in react and redux-saga?
body: <p>i am a newbie in react, redux-saga library so i am struggling to solve this problem ...</p>
  
  <p>so i have this component. i use api for fetching, removing data with redux-saga.</p>
  
  <pre><code>export class ExampleComponent extends React.Component {
    constructor() {
      super(props);
      this.props.getList();
    }
  
    handleClick(value) {
      this.props.deleteFromList(value);
    }
  
    render() {
      if (this.props.isFetched) {
        return (
          this.props.list.map( (value, i) =&gt; {
            &lt;button onClick={this.handleClick.bind(this, value)}&gt;
              {value}
            &lt;/button&gt;
          } );
        );
      }
  
      return &lt;div&gt;&lt;h1&gt;Fetching list...&lt;/h1&gt;&lt;/div&gt;;
    }
  }
  
  ExampleComponent.propTypes = {
    list: React.PropTypes.array,
    isFetched: React.PropTypes.bool,
    getListAction: React.PropTypes.func,
    deleteFromListAction: React.PropTypes.func,
  };
  
  export function mapDispatchToProps(dispatch) {
    return {
      getList: () =&gt; dispatch(getListAction()),
      deleteFromList: (id) =&gt; dispatch(deleteFromListAction(id));
    };
  }
  
  const mapStateToProps = createStructuredSelector({
    list: selectList(),
    isFetched: selectIsFetched(),
  });
  
  export default connect(mapStateToProps, mapDispatchToProps)(ExampleComponent);
  </code></pre>
  
  <p>so when the data is loaded, i tried to click to trigger event onClick on button. and the delete action is success and the record is deleted from db.but the view is not updated so when i refreshed the browser the clicked button has been removed. </p>
  
  <p>so how do i make my component to be auto updated when i add, remove data? Thank you for your time and i hope you can help me solve this T_T</p>