fetchপ্রোডাক্ট হান্ট এপিআই থেকে তথ্য দখল করতে আমি প্রতিক্রিয়াশীল নেটিভ ব্যবহার করার চেষ্টা করছি । আমি যথাযথ অ্যাক্সেস টোকন পেয়েছি এবং এটি স্টেটে সংরক্ষণ করেছি, তবে এটি জিইটি অনুরোধের জন্য অনুমোদনের শিরোনামের সাথে এটি পাস করতে সক্ষম হবে বলে মনে হয় না।
আমার এখন পর্যন্ত যা আছে তা এখানে:
var Products = React.createClass({
getInitialState: function() {
return {
clientToken: false,
loaded: false
}
},
componentWillMount: function () {
fetch(api.token.link, api.token.object)
.then((response) => response.json())
.then((responseData) => {
console.log(responseData);
this.setState({
clientToken: responseData.access_token,
});
})
.then(() => {
this.getPosts();
})
.done();
},
getPosts: function() {
var obj = {
link: 'https://api.producthunt.com/v1/posts',
object: {
method: 'GET',
headers: {
'Accept': 'application/json',
'Content-Type': 'application/json',
'Authorization': 'Bearer ' + this.state.clientToken,
'Host': 'api.producthunt.com'
}
}
}
fetch(api.posts.link, obj)
.then((response) => response.json())
.then((responseData) => {
console.log(responseData);
})
.done();
},আমার কোড সম্পর্কে আমার যে প্রত্যাশা রয়েছে তা হ'ল:
- প্রথমত, আমি
fetchআমার আমদানি করা API মডিউল থেকে ডেটা দিয়ে অ্যাক্সেস টোকেন করব will - এর পরে, আমি প্রাপ্ত অ্যাক্সেস টোকেনটির সমান
clientTokenসম্পত্তি নির্ধারণ করবthis.state। - তারপরে, আমি চালাব
getPostsযা প্রোডাক্ট হান্ট থেকে বর্তমান পোস্টগুলির একটি অ্যারে যুক্ত প্রতিক্রিয়া ফিরিয়ে আনবে ।
অ্যাক্সেস টোকেনটি গ্রহণ করা হচ্ছে এবং this.stateএটি এর clientTokenসম্পত্তি হিসাবে এটি পাচ্ছে তা আমি যাচাই করতে সক্ষম হয়েছি । getPostsযা চালানো হচ্ছে তা যাচাই করতেও আমি সক্ষম ।
আমি যে ত্রুটিটি পেয়েছি তা হ'ল:
error "ত্রুটি": "অননুমোদিত_আউথ", "ত্রুটি_সংশ্লিষ্ট": "দয়া করে একটি বৈধ অ্যাক্সেস টোকেন সরবরাহ করুন ap "ব্যক্তিগত শেষ পয়েন্টগুলি অ্যাক্সেস করার জন্য" "
আমি এই অনুমানটি থেকে কাজ করে চলেছি যে আমি আমার অনুমোদনের শিরোনামে কোনওভাবেই অ্যাক্সেস টোকেনটি সঠিকভাবে পার করছি না, তবে ঠিক এর কারণটি বের করতে সক্ষম হবে বলে মনে হয় না।