reactjs पर टैग किए गए जवाब

मैं ReactJS में साइट बनाने की कोशिश कर रहा हूं। हालांकि, जब मैंने अपने जेएस को एक अलग फाइल में डालने की कोशिश की, तो मुझे यह त्रुटि मिलनी शुरू हो गई: "अनटॉक्ड सिंटैक्स्योर: अनपेक्षित टोकन <"। मैंने /** @jsx React.DOM */JS फ़ाइल के शीर्ष में जोड़ने का प्रयास किया, …

110 javascript  html  reactjs  react-jsx 

मैंने i18nएक घटक (ऐप में लोड होने वाला पहला घटक) में एक बार अनुवाद ऑब्जेक्ट को इनिशियलाइज़ किया । एक ही वस्तु की आवश्यकता है अन्य सभी घटकों में। मैं इसे हर घटक में फिर से शुरू नहीं करना चाहता। क्या रास्ता है? इसे विंडो स्कोप के लिए उपलब्ध कराने …

110 reactjs  javascript-globalize 

मैं प्रतिक्रिया-भौतिक से घटकों को आयात करने की कोशिश कर रहा हूं - import {Navbar, NavItem} from 'react-materialize'; लेकिन जब वेबपैक मेरा संकलन कर रहा है तो .tsxयह उपरोक्त के लिए एक त्रुटि फेंकता है - ERROR in ./src/common/navbar.tsx (3,31): error TS7016: Could not find a declaration file for module …

110 reactjs  webpack  webpack-2 

मैं इन अवधारणाओं पर थोड़ा फजी हूं, अगर मैं एक ही ToDo ऐप को पूरी तरह से AngularJS और ReactJS में बनाता हूं --- तो क्या बनाता है React ToDo का इस्तेमाल एक तरह से डेटा बाइंडिंग बनाम AngularJS के टू-वे डेटा बाइंडिंग के लिए होता है? मैं समझता हूं …

109 javascript  angularjs  reactjs 

मैंने दर्जनों Reactफाइलें लिखीं , कभी भी componentDidUpdateविधि का उपयोग नहीं किया । क्या इस पद्धति का उपयोग करने की आवश्यकता का कोई विशिष्ट उदाहरण है? मैं कुछ वास्तविक दुनिया उदाहरण चाहता हूं, एक साधारण डेमो नहीं। जवाब के लिए धन्यवाद!

109 reactjs 

मैं विभिन्न बाल घटकों में डेटा को पॉप्युलेट करने के लिए एक अच्छा एपिवर्पर घटक बनाने का प्रयास कर रहा हूं। मैंने जो कुछ पढ़ा है, उससे यह काम करना चाहिए: https://jsfiddle.net/vinniejames/m1mesp6z/1/ class ApiWrapper extends React.Component { constructor(props) { super(props); this.state = { response: { "title": 'nothing fetched yet' } …

109 reactjs 

मैंने इसे रिएक्ट ट्यूटोरियल पर पढ़ा। इसका क्या मतलब है? प्रतिक्रिया सुरक्षित है। हम HTML स्ट्रिंग्स उत्पन्न नहीं कर रहे हैं इसलिए XSS सुरक्षा डिफ़ॉल्ट है। यदि प्रतिक्रिया सुरक्षित है तो XSS हमले कैसे काम करते हैं? यह सुरक्षा कैसे हासिल की जाती है?

109 reactjs  security  xss 

मैंने कभी-कभी लोगों को अपने घटकों को लपेटते हुए देखा है withRouterजब वे उन्हें निर्यात कर रहे हैं: import { withRouter } from 'react-router-dom'; class Foo extends React.Component { // ... } export default withRouter(Foo); यह किस लिए है, और मुझे इसका उपयोग कब करना चाहिए?

109 reactjs  react-router 

मैं नए रिएक्ट हुक की कोशिश कर रहा हूं और एक काउंटर के साथ क्लॉक कंपोनेंट है जिसे हर सेकंड बढ़ाना है। हालाँकि, मान एक से आगे नहीं बढ़ता है। function Clock() { const [time, setTime] = React.useState(0); React.useEffect(() => { const timer = window.setInterval(() => { setTime(time + 1); …

109 javascript  reactjs  react-hooks 

मेरे पास एक ऐसी वस्तु है जिसे मैं REACT के माध्यम से आउटपुट करना चाहता हूं question = { text: "Is this a good question?", answers: [ "Yes", "No", "I don't know" ] } और मेरा प्रतिक्रिया घटक (कट डाउन), एक अन्य घटक है class QuestionSet extends Component { render(){ …

109 reactjs  react-props 

मेरे पास नीचे की तरह संदर्भ में भाषा सेटिंग्स हैं class LanguageProvider extends Component { static childContextTypes = { langConfig: PropTypes.object, }; getChildContext() { return { langConfig: 'en' }; } render() { return this.props.children; } } export default LanguageProvider; मेरा आवेदन कोड नीचे की तरह कुछ होगा <LanguageProvider> <App> <MyPage …

109 javascript  reactjs  react-context 

मैं राज्य बदलने की उम्मीद कर रहा हूं कि प्रॉप्स परिवर्तन पर फिर से लोड करना है, लेकिन यह काम नहीं करता है और userअगले useStateकॉल पर चर को अपडेट नहीं किया जाता है, क्या गलत है? function Avatar(props) { const [user, setUser] = React.useState({...props.user}); return user.avatar ? (<img src={user.avatar}/>) …

109 reactjs  react-hooks 

मैं सोच रहा था और मैं क्लाइंट और सर्वर के बीच रूटिंग के साथ भ्रमित हूं। मान लीजिए कि मैं वेब ब्राउज़र पर अनुरोध भेजने से पहले सर्वर-साइड रेंडरिंग के लिए ReactJS का उपयोग करता हूं, और एसपीए के रूप में ताज़ा किए बिना पृष्ठों के बीच स्विच करने के …

108 javascript  reactjs  routes  react-router  url-routing 

क्या ब्राउज़र में रिएक्ट के रनटाइम संस्करण को जानने का कोई तरीका है?

108 javascript  reactjs 

मेरी प्रतिक्रिया webApp ब्राउज़र कंसोल में यह त्रुटि दे Refused to load the font 'data:font/woff;base64,d09........' because it` `violates the following Content Security Policy directive: "default-src` `'self'". Note that 'font-src' was not explicitly set, so 'default-src' is used as a fallback. इसके अलावा: Refused to connect to 'ws://localhost:3000/sockjs-node/782/oawzy1fx/websocket' because it violates …

108 javascript  reactjs  webpack