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

          Obelisk of Theodosius Contents History Description Notes Bibliography Further reading External links Navigation menuAge of spirituality : late antique and early Christian art, third to seventh centuryOver 60 picturesObelisks of the World41°00′21.24″N 28°58′31.43″E / 41.0059000°N 28.9753972°E / 41.0059000; 28.97539727724550-7235741376235741376

          밀양 대씨 역사 각주 함께 보기 둘러보기 메뉴밀양 대씨

          1973년 목차 사건 문화 탄생 사망 노벨상 달력 둘러보기 메뉴