Getting a input value from a JSP file Spring Auth ReactHow can I get query string values in JavaScript?How to get the value from the GET parameters?Get selected value in dropdown list using JavaScriptGet selected text from a drop-down list (select box) using jQueryHow to upload files to server using JSP/Servlet?How to avoid Java code in JSP files?Getting a random value from a JavaScript arrayRemove duplicate values from JS arrayHow do I get the value of text input field using JavaScript?React js onClick can't pass value to method

How to write a sincerely religious protagonist without preaching or affirming or judging their worldview?

How do professional electronic musicians/sound engineers combat listening fatigue?

Grid/table with lots of buttons

Can two figures have the same area, perimeter, and same number of segments have different shape?

How were the LM astronauts supported during the moon landing and ascent? What were the max G's on them during these phases?

Is it correct to translate English noun adjuncts into adjectives?

USA: Can a witness take the 5th to avoid perjury?

Spoken encryption

Why did Saturn V not head straight to the moon?

Commercial jet accompanied by small plane near Seattle

TSA asking to see cell phone

How to get the two pictures aligned

How is the uk visa 180 calculated

Send a single HTML email from Thunderbird, overriding the default "plain text" setting

Why is chess failing to attract big name sponsors?

Why are so many countries still in the Commonwealth?

What is the meaning of "you has the wind of me"?

High income, sudden windfall

kids pooling money for Lego League and taxes

Is it legal for private citizens to "impound" e-scooters?

How can I stop myself from micromanaging other PCs' actions?

Reduce column width of table while also aligning values at decimal point

"I you already know": is this proper English?

What do I do when a student working in my lab "ghosts" me?



Getting a input value from a JSP file Spring Auth React


How can I get query string values in JavaScript?How to get the value from the GET parameters?Get selected value in dropdown list using JavaScriptGet selected text from a drop-down list (select box) using jQueryHow to upload files to server using JSP/Servlet?How to avoid Java code in JSP files?Getting a random value from a JavaScript arrayRemove duplicate values from JS arrayHow do I get the value of text input field using JavaScript?React js onClick can't pass value to method






.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;








0















My React project is a Springboot project.



I have a index.jsp pointing to the PROD build of the React app.



<%@include file="/app/build/index.html"%>


However, I also have the following code in there.



<div style="display:none">
<sec:authorize access="isAuthenticated()">
<input type="text" name="username" value="<sec:authentication property="principal.username"/>" ref="username">
</sec:authorize>
</div>


In regular HTML, this will look like...



<div style="display:none">
<sec:authorize access="isAuthenticated()">
<input type="text" name="username" value="USER" ref="username">
</sec:authorize>
</div>


In my react code I am doing the following..



constructor(props) 
super(props);
this.username = React.createRef();
this.state = .....



Finally, inside of componentDidMount() I have console.log(this.username.value); but its coming back as undefined.



What did I do wrong?










share|improve this question




























    0















    My React project is a Springboot project.



    I have a index.jsp pointing to the PROD build of the React app.



    <%@include file="/app/build/index.html"%>


    However, I also have the following code in there.



    <div style="display:none">
    <sec:authorize access="isAuthenticated()">
    <input type="text" name="username" value="<sec:authentication property="principal.username"/>" ref="username">
    </sec:authorize>
    </div>


    In regular HTML, this will look like...



    <div style="display:none">
    <sec:authorize access="isAuthenticated()">
    <input type="text" name="username" value="USER" ref="username">
    </sec:authorize>
    </div>


    In my react code I am doing the following..



    constructor(props) 
    super(props);
    this.username = React.createRef();
    this.state = .....



    Finally, inside of componentDidMount() I have console.log(this.username.value); but its coming back as undefined.



    What did I do wrong?










    share|improve this question
























      0












      0








      0








      My React project is a Springboot project.



      I have a index.jsp pointing to the PROD build of the React app.



      <%@include file="/app/build/index.html"%>


      However, I also have the following code in there.



      <div style="display:none">
      <sec:authorize access="isAuthenticated()">
      <input type="text" name="username" value="<sec:authentication property="principal.username"/>" ref="username">
      </sec:authorize>
      </div>


      In regular HTML, this will look like...



      <div style="display:none">
      <sec:authorize access="isAuthenticated()">
      <input type="text" name="username" value="USER" ref="username">
      </sec:authorize>
      </div>


      In my react code I am doing the following..



      constructor(props) 
      super(props);
      this.username = React.createRef();
      this.state = .....



      Finally, inside of componentDidMount() I have console.log(this.username.value); but its coming back as undefined.



      What did I do wrong?










      share|improve this question














      My React project is a Springboot project.



      I have a index.jsp pointing to the PROD build of the React app.



      <%@include file="/app/build/index.html"%>


      However, I also have the following code in there.



      <div style="display:none">
      <sec:authorize access="isAuthenticated()">
      <input type="text" name="username" value="<sec:authentication property="principal.username"/>" ref="username">
      </sec:authorize>
      </div>


      In regular HTML, this will look like...



      <div style="display:none">
      <sec:authorize access="isAuthenticated()">
      <input type="text" name="username" value="USER" ref="username">
      </sec:authorize>
      </div>


      In my react code I am doing the following..



      constructor(props) 
      super(props);
      this.username = React.createRef();
      this.state = .....



      Finally, inside of componentDidMount() I have console.log(this.username.value); but its coming back as undefined.



      What did I do wrong?







      javascript reactjs jsp






      share|improve this question













      share|improve this question











      share|improve this question




      share|improve this question










      asked Mar 26 at 16:16









      soldforsoldfor

      1,8691 gold badge5 silver badges21 bronze badges




      1,8691 gold badge5 silver badges21 bronze badges






















          0






          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',
          autoActivateHeartbeat: false,
          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%2f55361750%2fgetting-a-input-value-from-a-jsp-file-spring-auth-react%23new-answer', 'question_page');

          );

          Post as a guest















          Required, but never shown

























          0






          active

          oldest

          votes








          0






          active

          oldest

          votes









          active

          oldest

          votes






          active

          oldest

          votes




          Is this question similar to what you get asked at work? Learn more about asking and sharing private information with your coworkers using Stack Overflow for Teams.







          Is this question similar to what you get asked at work? Learn more about asking and sharing private information with your coworkers using Stack Overflow for Teams.



















          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.




          draft saved


          draft discarded














          StackExchange.ready(
          function ()
          StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55361750%2fgetting-a-input-value-from-a-jsp-file-spring-auth-react%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

          Kamusi Yaliyomo Aina za kamusi | Muundo wa kamusi | Faida za kamusi | Dhima ya picha katika kamusi | Marejeo | Tazama pia | Viungo vya nje | UrambazajiKuhusu kamusiGo-SwahiliWiki-KamusiKamusi ya Kiswahili na Kiingerezakuihariri na kuongeza habari

          Swift 4 - func physicsWorld not invoked on collision? The Next CEO of Stack OverflowHow to call Objective-C code from Swift#ifdef replacement in the Swift language@selector() in Swift?#pragma mark in Swift?Swift for loop: for index, element in array?dispatch_after - GCD in Swift?Swift Beta performance: sorting arraysSplit a String into an array in Swift?The use of Swift 3 @objc inference in Swift 4 mode is deprecated?How to optimize UITableViewCell, because my UITableView lags

          Access current req object everywhere in Node.js ExpressWhy are global variables considered bad practice? (node.js)Using req & res across functionsHow do I get the path to the current script with Node.js?What is Node.js' Connect, Express and “middleware”?Node.js w/ express error handling in callbackHow to access the GET parameters after “?” in Express?Modify Node.js req object parametersAccess “app” variable inside of ExpressJS/ConnectJS middleware?Node.js Express app - request objectAngular Http Module considered middleware?Session variables in ExpressJSAdd properties to the req object in expressjs with Typescript