setting state with previous state and regex









up vote
0
down vote

favorite












I don´t understand how this code works. How does it set the state using the regex? And most importantly, how does it know to set the state using the result variable?



handleClick(evt) 
const id = evt.target.id;
const result = evt.target.value;
this.setState(prevState => (
value: `$prevState.value$result`
.replace(/([/+-/*=])([/+-*=])/g, "$2")
.replace(/^0+(?=[1-9])/, "")
.replace(/^0+(?=.)/, "0")
.replace(/^0+B/, "")
));


}









share|improve this question



























    up vote
    0
    down vote

    favorite












    I don´t understand how this code works. How does it set the state using the regex? And most importantly, how does it know to set the state using the result variable?



    handleClick(evt) 
    const id = evt.target.id;
    const result = evt.target.value;
    this.setState(prevState => (
    value: `$prevState.value$result`
    .replace(/([/+-/*=])([/+-*=])/g, "$2")
    .replace(/^0+(?=[1-9])/, "")
    .replace(/^0+(?=.)/, "0")
    .replace(/^0+B/, "")
    ));


    }









    share|improve this question

























      up vote
      0
      down vote

      favorite









      up vote
      0
      down vote

      favorite











      I don´t understand how this code works. How does it set the state using the regex? And most importantly, how does it know to set the state using the result variable?



      handleClick(evt) 
      const id = evt.target.id;
      const result = evt.target.value;
      this.setState(prevState => (
      value: `$prevState.value$result`
      .replace(/([/+-/*=])([/+-*=])/g, "$2")
      .replace(/^0+(?=[1-9])/, "")
      .replace(/^0+(?=.)/, "0")
      .replace(/^0+B/, "")
      ));


      }









      share|improve this question















      I don´t understand how this code works. How does it set the state using the regex? And most importantly, how does it know to set the state using the result variable?



      handleClick(evt) 
      const id = evt.target.id;
      const result = evt.target.value;
      this.setState(prevState => (
      value: `$prevState.value$result`
      .replace(/([/+-/*=])([/+-*=])/g, "$2")
      .replace(/^0+(?=[1-9])/, "")
      .replace(/^0+(?=.)/, "0")
      .replace(/^0+B/, "")
      ));


      }






      javascript reactjs






      share|improve this question















      share|improve this question













      share|improve this question




      share|improve this question








      edited Nov 20 at 12:05









      Martijn Pieters

      693k12924002237




      693k12924002237










      asked Nov 10 at 3:38







      user10564511





























          1 Answer
          1






          active

          oldest

          votes

















          up vote
          0
          down vote



          accepted










          So this code do the following:

          1. Concatenate prevState.value and evt.target.value into single string (learn more about ES6 Template literals)

          2. Replace all combinations like ++, +-, +*, +=, -+, --, -*, -=, *+, *-, **, *=, =+, =-, =*, == to it's second character (but I think there is error in the code, replace statement should be ([+-*=])([+-*=]), learn more about regex)

          3. Remove from string all number, that start with 0, like 0009, 01, etc.

          4. Remove all words, that start with 0, like 0a, 0000z, etc.

          5. Remove all 0 from string (learn more about B)

          6. Set result string to the state.value (learn more about React setState())






          share|improve this answer




















          • Thanks. Whats going me some trouble Is the concatenate bit.
            – user10564511
            Nov 10 at 5:14










          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%2f53235803%2fsetting-state-with-previous-state-and-regex%23new-answer', 'question_page');

          );

          Post as a guest















          Required, but never shown
























          1 Answer
          1






          active

          oldest

          votes








          1 Answer
          1






          active

          oldest

          votes









          active

          oldest

          votes






          active

          oldest

          votes








          up vote
          0
          down vote



          accepted










          So this code do the following:

          1. Concatenate prevState.value and evt.target.value into single string (learn more about ES6 Template literals)

          2. Replace all combinations like ++, +-, +*, +=, -+, --, -*, -=, *+, *-, **, *=, =+, =-, =*, == to it's second character (but I think there is error in the code, replace statement should be ([+-*=])([+-*=]), learn more about regex)

          3. Remove from string all number, that start with 0, like 0009, 01, etc.

          4. Remove all words, that start with 0, like 0a, 0000z, etc.

          5. Remove all 0 from string (learn more about B)

          6. Set result string to the state.value (learn more about React setState())






          share|improve this answer




















          • Thanks. Whats going me some trouble Is the concatenate bit.
            – user10564511
            Nov 10 at 5:14














          up vote
          0
          down vote



          accepted










          So this code do the following:

          1. Concatenate prevState.value and evt.target.value into single string (learn more about ES6 Template literals)

          2. Replace all combinations like ++, +-, +*, +=, -+, --, -*, -=, *+, *-, **, *=, =+, =-, =*, == to it's second character (but I think there is error in the code, replace statement should be ([+-*=])([+-*=]), learn more about regex)

          3. Remove from string all number, that start with 0, like 0009, 01, etc.

          4. Remove all words, that start with 0, like 0a, 0000z, etc.

          5. Remove all 0 from string (learn more about B)

          6. Set result string to the state.value (learn more about React setState())






          share|improve this answer




















          • Thanks. Whats going me some trouble Is the concatenate bit.
            – user10564511
            Nov 10 at 5:14












          up vote
          0
          down vote



          accepted







          up vote
          0
          down vote



          accepted






          So this code do the following:

          1. Concatenate prevState.value and evt.target.value into single string (learn more about ES6 Template literals)

          2. Replace all combinations like ++, +-, +*, +=, -+, --, -*, -=, *+, *-, **, *=, =+, =-, =*, == to it's second character (but I think there is error in the code, replace statement should be ([+-*=])([+-*=]), learn more about regex)

          3. Remove from string all number, that start with 0, like 0009, 01, etc.

          4. Remove all words, that start with 0, like 0a, 0000z, etc.

          5. Remove all 0 from string (learn more about B)

          6. Set result string to the state.value (learn more about React setState())






          share|improve this answer












          So this code do the following:

          1. Concatenate prevState.value and evt.target.value into single string (learn more about ES6 Template literals)

          2. Replace all combinations like ++, +-, +*, +=, -+, --, -*, -=, *+, *-, **, *=, =+, =-, =*, == to it's second character (but I think there is error in the code, replace statement should be ([+-*=])([+-*=]), learn more about regex)

          3. Remove from string all number, that start with 0, like 0009, 01, etc.

          4. Remove all words, that start with 0, like 0a, 0000z, etc.

          5. Remove all 0 from string (learn more about B)

          6. Set result string to the state.value (learn more about React setState())







          share|improve this answer












          share|improve this answer



          share|improve this answer










          answered Nov 10 at 4:51









          baitun

          150110




          150110











          • Thanks. Whats going me some trouble Is the concatenate bit.
            – user10564511
            Nov 10 at 5:14
















          • Thanks. Whats going me some trouble Is the concatenate bit.
            – user10564511
            Nov 10 at 5:14















          Thanks. Whats going me some trouble Is the concatenate bit.
          – user10564511
          Nov 10 at 5:14




          Thanks. Whats going me some trouble Is the concatenate bit.
          – user10564511
          Nov 10 at 5:14

















          draft saved

          draft discarded
















































          Thanks for contributing an answer to Stack Overflow!


          • Please be sure to answer the question. Provide details and share your research!

          But avoid


          • Asking for help, clarification, or responding to other answers.

          • Making statements based on opinion; back them up with references or personal experience.

          To learn more, see our tips on writing great answers.





          Some of your past answers have not been well-received, and you're in danger of being blocked from answering.


          Please pay close attention to the following guidance:


          • Please be sure to answer the question. Provide details and share your research!

          But avoid


          • Asking for help, clarification, or responding to other answers.

          • Making statements based on opinion; back them up with references or personal experience.

          To learn more, see our tips on writing great answers.




          draft saved


          draft discarded














          StackExchange.ready(
          function ()
          StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53235803%2fsetting-state-with-previous-state-and-regex%23new-answer', 'question_page');

          );

          Post as a guest















          Required, but never shown





















































          Required, but never shown














          Required, but never shown












          Required, but never shown







          Required, but never shown

































          Required, but never shown














          Required, but never shown












          Required, but never shown







          Required, but never shown







          Popular posts from this blog

          How to how show current date and time by default on contact form 7 in WordPress without taking input from user in datetimepicker

          Syphilis

          Darth Vader #20