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

          How to preserve electronics (computers, tablets and phones) for hundreds of years Announcing the arrival of Valued Associate #679: Cesar Manara Planned maintenance scheduled April 23, 2019 at 23:30 UTC (7:30pm US/Eastern) The network's official Twitter account is up and running again. What content…How might modern humans leave a message for 50,000 years?How would an aquatic race develop computers?How do we make computers care for human life?Keeping supplies for 1000 yearsWhat will cell phones become in 100 years?What body armor protects against a laser?Could a society attain 1800s technology if limited to using copper and bronze?Electricity power (magic) and electronicsScavenging metal resources in post-apocalypse after 100 yearsWhy would precursors create devices that can survive and still work after hundreds of years?

          155 수학 과학 기타 둘러보기 메뉴eh추가해eh문서를 완성해

          해남서초등학교 학교 연혁 학교 동문 외부 링크 둘러보기 메뉴북위 34° 34′ 21″ 동경 126° 35′ 50″ / 북위 34.5726385° 동경 126.5972670°  / 34.5726385; 126.5972670해남서초등학교eh