2017-06-09 24 views
0

したがって、私はwebpackでコンパイルしている反応コードをいくつか持っています。このコードの一部は、JSON Webトークンによる認証に使用されるCookieの値を取得することから成ります。私がこれを持っている問題は、私は応答変数にアクセスすることができません。どんな助けも素晴らしいだろう、ありがとう!応答コードの応答オブジェクトにアクセスしてクッキーの値を取得する

var Cookies = require('cookies'); 
var cookieParser = require('cookie-parser'); 

var React = require('react'); 
var ReactDOM = require('react-dom'); 
import { Router, Route, browserHistory, Link } from 'react-router'; 

import 'whatwg-fetch' 

var name = document.getElementById('name').innerHTML; 



    var start = false; 
    var Assets = React.createClass({ 
    getInitialState: function(){ 
     return { 
     assets: [], 
     secondsElapsed: 0 
     } 
    }, 
    tick: function() { 
     if(start === true){ 
     console.log(name); 

     var myHeaders = new Headers(); 

     var token = new Cookies(req,res).get('access_token'); //NEED ACCESS TO RES HERE 

     myHeaders.append('acess_token', token); 

     var myInit = { method: 'GET', 
       headers: myHeaders}; 

     fetch('/api/user/all/?name='+name, myInit).then(function(data){ 
      return data.json(); 
     }).then(json => { 
      this.setState({ 
       assets: json 
      }); 
     }); 
    } 
    }, 
    componentDidMount: function() { 
     this.interval = setInterval(this.tick, 1000); 
    }, 
    componentWillUnmount: function() { 
     clearInterval(this.interval); 
    }, 
    render: function(){ 
     var assets = this.state.assets; 
     assets = assets.map(function(asseti,index){ 
     return(
      asseti.map(function(asset, index){ 
      return(
       <li key={index}> 
         <span className={asset.active}></span> 
         <span>{asset.name}</span> 
         <span >{asset.description}</span> 
       </li> 
      ) 
      }) 
     ) 
     }); 
     return(
     <div> 
      <form onSubmit={this.handleSubmit}> 
      <input type="submit" value="Find assets" /> 
      </form> 
      {assets} 
     </div> 
    ); 
    }, 
    handleSubmit: function(e){ 
     e.preventDefault(); 
     start = true; 

     fetch('/api/user/all/?name='+name).then(function(data){ 
     return data.json(); 
     }).then(json => { 
     this.setState({ 
      assets: json 
     }); 
     }); 
    } 
    }); 

ReactDOM.render(<Assets />, document.getElementById('assets')); 

答えて

0

OPは長い間解決策を見出したことは間違いありません。私は文字通りReactのNoobですが、これを読んでそのフレームワークでクッキーにアクセスしたい人の利益のために:https://github.com/reactivestack/cookies

私はどのようなフィードバックを歓迎し、それがあなたのために行ったかについて聞いてみたいと思います。

関連する問題