मैं एक Django टेम्पलेट चर को एक प्रतिक्रिया स्क्रिप्ट में कैसे सम्मिलित करूं?

Question

मैं React.js के साथ Django Rest Framework का उपयोग कर रहा हूं। मेरे पृष्ठ एक उपयोगकर्ता के प्रोफ़ाइल से पता चलता है, इस तरह API का उपयोग करके:

http://localhost:8000/api/profile/[pk]

मैं गतिशील के लिए यूआरएल सेट करना चाहते हैं, उचित पी के शामिल करने के लिए ajax अनुरोध प्रतिक्रिया इतना है कि यह सही से उपयोगकर्ता की जानकारी का अनुरोध सर्वर।

मैं window.location.href जैसे फ़ंक्शन का उपयोग कर सकता हूं और अंत से संख्या पॉप कर सकता हूं, लेकिन क्या सर्वर से सीधे पीके पास करके ऐसा करने का कोई तरीका है, यानी, टेम्पलेट चर का उपयोग करके?

Answer 1

जब आप घटक प्रस्तुत करते हैं, तो आपको पीके को प्रोप के रूप में पास करना चाहिए।

<script> 
React.render(React.createElement(Profile, { 
    userId: "{{ userId }}", 
    urlPrefix: "/api/profile/" 
}), element); 
</script> 

उपयोगकर्ता को लाने के लिए एक बेहतर विकल्प हो सकता है, और फिर घटक प्रस्तुत करना हो सकता है।

superagent.get('/api/profile/{{ userId }}', function(res){ 
    React.render(React.createElement(Profile, 
     {user: res.body} 
    ), element); 
}); 

---

browserify साथ

, या तो आप एक स्क्रिप्ट टैग में डेटा शामिल हो सकता है, और का उपयोग करें कि अपने कोड में: -r ध्वज का उपयोग कर

<script>var _appData = {userId: "{{ userId }}"};</script> 

या निर्यात मॉड्यूल उदाहरण के लिए, superagent साथ (एपीआई में .require())।

# sh 
browserify -r react -r src/profile.js:profile.js 

// js 
b.require('react').require('src/profile.js', {expose: 'profile.js'}); 

और फिर, नियमित स्क्रिप्ट टैग

<script> 
var React = require('react'); 
var Profile = require('profile.js'); 

React.render(React.createElement(Profile, { 
    userId: "{{ userId }}", 
    urlPrefix: "/api/profile/" 
}), element); 
</script>