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'));