title: How can I set a cookie in react?
body: <p>Orginally, I use the following ajax to set cookie. </p>
  
  <pre><code>function setCookieAjax(){
    $.ajax({
      url: `${Web_Servlet}/setCookie`,
      contentType: 'application/x-www-form-urlencoded;charset=utf-8',
      headers: { 'Access-Control-Allow-Origin': '*',
                 'username': getCookie("username"),
                'session': getCookie("session")
      },
      type: 'GET',
      success: function(response){
        setCookie("username", response.name, 30);
        setCookie("session", response.session, 30);}
    })
  }
  
  function setCookie(cname, cvalue, minutes) {
      var d = new Date();
      d.setTime(d.getTime() + (minutes*60*1000));
      var expires = "expires="+ d.toUTCString();
      document.cookie = cname + "=" + cvalue + "; " + expires;
  }
  
  export const getUserName = (component) =&gt; {
      setCookieAjax()
   $.ajax({
      url: `${Web_Servlet}/displayHeaderUserName`,
      contentType: 'application/x-www-form-urlencoded;charset=utf-8',
      headers: { 'Access-Control-Allow-Origin': '*',
                  'username': getCookie("username"),
                  'session': getCookie("session")
              },
      type: 'GET',
      success: function(response){
          component.setState({
          usernameDisplay: response.message
          })
     }.bind(component)
   })
  }
  </code></pre>
  
  <p>Now, I want to set the cookie using the servlet's adding cookie function. But I don't know how to achieve my purpose.</p>
  
  <pre><code>Cookie loginCookie = new Cookie("user",user);  //setting cookie to expiry in 30 mins
          loginCookie.setMaxAge(30*60);
          loginCookie.setDomain("localhost:4480");
          loginCookie.setPath("/");
  
  response.addCookie(loginCookie);
  </code></pre>
  
  <p>In order to extend the cookie timelimit, what should I write in the react side to receive the cookie's session time?</p>