Redux: Mixing local state and global state











up vote
0
down vote

favorite












I'm using redux with angularJS, but I guess it doesn't matter.



I have a component which filters data. It is looks like this:



filter: string = '';

mapStateToProps (state) {
const filteredRecords = Selector_Records.getFilteredData(this.filter)
return {
};
}

...

ngOnInit () {
this.$ngRedux.connect(this.mapStateToProps.bind(this), null);
}

filterOnChange (text: string) {
this.filter = text;
}


I just don't want to store filter in a global state. So my question is - Is it ok to manually mutate this.props with manually called mapStateToProps?
Like this:



filterOnChange (text: string) {
this.filter = text;
this.props = Object.assign(this.props, this.mapStateToProps(this.$ngRedux.getState()));
}


Or is it better solution do exists?










share|improve this question


























    up vote
    0
    down vote

    favorite












    I'm using redux with angularJS, but I guess it doesn't matter.



    I have a component which filters data. It is looks like this:



    filter: string = '';

    mapStateToProps (state) {
    const filteredRecords = Selector_Records.getFilteredData(this.filter)
    return {
    };
    }

    ...

    ngOnInit () {
    this.$ngRedux.connect(this.mapStateToProps.bind(this), null);
    }

    filterOnChange (text: string) {
    this.filter = text;
    }


    I just don't want to store filter in a global state. So my question is - Is it ok to manually mutate this.props with manually called mapStateToProps?
    Like this:



    filterOnChange (text: string) {
    this.filter = text;
    this.props = Object.assign(this.props, this.mapStateToProps(this.$ngRedux.getState()));
    }


    Or is it better solution do exists?










    share|improve this question
























      up vote
      0
      down vote

      favorite









      up vote
      0
      down vote

      favorite











      I'm using redux with angularJS, but I guess it doesn't matter.



      I have a component which filters data. It is looks like this:



      filter: string = '';

      mapStateToProps (state) {
      const filteredRecords = Selector_Records.getFilteredData(this.filter)
      return {
      };
      }

      ...

      ngOnInit () {
      this.$ngRedux.connect(this.mapStateToProps.bind(this), null);
      }

      filterOnChange (text: string) {
      this.filter = text;
      }


      I just don't want to store filter in a global state. So my question is - Is it ok to manually mutate this.props with manually called mapStateToProps?
      Like this:



      filterOnChange (text: string) {
      this.filter = text;
      this.props = Object.assign(this.props, this.mapStateToProps(this.$ngRedux.getState()));
      }


      Or is it better solution do exists?










      share|improve this question













      I'm using redux with angularJS, but I guess it doesn't matter.



      I have a component which filters data. It is looks like this:



      filter: string = '';

      mapStateToProps (state) {
      const filteredRecords = Selector_Records.getFilteredData(this.filter)
      return {
      };
      }

      ...

      ngOnInit () {
      this.$ngRedux.connect(this.mapStateToProps.bind(this), null);
      }

      filterOnChange (text: string) {
      this.filter = text;
      }


      I just don't want to store filter in a global state. So my question is - Is it ok to manually mutate this.props with manually called mapStateToProps?
      Like this:



      filterOnChange (text: string) {
      this.filter = text;
      this.props = Object.assign(this.props, this.mapStateToProps(this.$ngRedux.getState()));
      }


      Or is it better solution do exists?







      redux state






      share|improve this question













      share|improve this question











      share|improve this question




      share|improve this question










      asked Nov 7 at 6:03









      Kindzoku

      866621




      866621





























          active

          oldest

          votes











          Your Answer






          StackExchange.ifUsing("editor", function () {
          StackExchange.using("externalEditor", function () {
          StackExchange.using("snippets", function () {
          StackExchange.snippets.init();
          });
          });
          }, "code-snippets");

          StackExchange.ready(function() {
          var channelOptions = {
          tags: "".split(" "),
          id: "1"
          };
          initTagRenderer("".split(" "), "".split(" "), channelOptions);

          StackExchange.using("externalEditor", function() {
          // Have to fire editor after snippets, if snippets enabled
          if (StackExchange.settings.snippets.snippetsEnabled) {
          StackExchange.using("snippets", function() {
          createEditor();
          });
          }
          else {
          createEditor();
          }
          });

          function createEditor() {
          StackExchange.prepareEditor({
          heartbeatType: 'answer',
          convertImagesToLinks: true,
          noModals: true,
          showLowRepImageUploadWarning: true,
          reputationToPostImages: 10,
          bindNavPrevention: true,
          postfix: "",
          imageUploader: {
          brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
          contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
          allowUrls: true
          },
          onDemand: true,
          discardSelector: ".discard-answer"
          ,immediatelyShowMarkdownHelp:true
          });


          }
          });














           

          draft saved


          draft discarded


















          StackExchange.ready(
          function () {
          StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53184313%2fredux-mixing-local-state-and-global-state%23new-answer', 'question_page');
          }
          );

          Post as a guest





































          active

          oldest

          votes













          active

          oldest

          votes









          active

          oldest

          votes






          active

          oldest

          votes
















           

          draft saved


          draft discarded



















































           


          draft saved


          draft discarded














          StackExchange.ready(
          function () {
          StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53184313%2fredux-mixing-local-state-and-global-state%23new-answer', 'question_page');
          }
          );

          Post as a guest




















































































          Popular posts from this blog

          横浜市

          Rostock

          Europa