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

क्या रिएक्ट के घुंघराले ब्रेस नोटेशन और एक hrefटैग को शामिल करने का कोई तरीका है ? कहें कि हमारे पास राज्य में निम्नलिखित मूल्य हैं: {this.state.id} और एक टैग पर निम्नलिखित HTML विशेषताएँ: href="#demo1" id="demo1" क्या कोई ऐसा तरीका है जिससे मैं idHTML विशेषता के लिए कुछ इस तरह …

156 javascript  html  reactjs  ecmascript-6 

मुझे एक ऐसा फॉर्म बनाने की जरूरत है जो एक एपीआई के रिटर्न वैल्यू के आधार पर कुछ प्रदर्शित करेगा। मैं निम्नलिखित कोड के साथ काम कर रहा हूं: class App extends React.Component { constructor(props) { super(props); this.state = {value: ''}; this.handleChange = this.handleChange.bind(this); this.handleSubmit = this.handleSubmit.bind(this); } handleChange(event) { …

155 reactjs  typescript 

हाल ही में लॉन्च की गई प्रतिक्रिया में केवल iOS ऐप उदाहरण और डॉक्स के मूल निवासी प्रतिक्रियाएं हैं।

154 android  reactjs  react-native 

तो क्या यह केवल कच्चे html को अभिकर्मकों के साथ प्रस्तुत करने का एकमात्र तरीका है? // http://facebook.github.io/react/docs/tutorial.html // tutorial7.js var converter = new Showdown.converter(); var Comment = React.createClass({ render: function() { var rawMarkup = converter.makeHtml(this.props.children.toString()); return ( <div className="comment"> <h2 className="commentAuthor"> {this.props.author} </h2> <span dangerouslySetInnerHTML={{__html: rawMarkup}} /> </div> ); …

154 javascript  reactjs 

मैं टाइपस्क्रिप्ट का उपयोग करके अपने घटकों के लिए डिफ़ॉल्ट संपत्ति मान सेट करने का तरीका नहीं जान सकता। मूल कोड यही है: class PageState { } export class PageProps { foo: string = "bar"; } export class PageComponent extends React.Component<PageProps, PageState> { public render(): JSX.Element { return ( <span>Hello, …

153 reactjs  typescript  tsx 

मैं पूछना चाहता हूं कि अंतिम वाक्य का क्या मतलब है और क्या करता है (डिफ़ॉल्ट HelloWorld निर्यात करता है?) लेकिन मुझे इसके बारे में कोई ट्यूटोरियल नहीं मिल सकता है। // hello-world.jsx import React from 'react'; class HelloWorld extends React.Component { render() { return <p>Hello, world!</p>; } } export …

153 javascript  reactjs 

मैं प्रेट्रियर 1.7.2 और एस्लिंट 1.7.0 के साथ vscode का उपयोग कर रहा हूं। प्रत्येक नई पंक्ति के बाद मुझे: [eslint] Delete 'cr' [prettier/prettier] यह .eslintrc.json है: { "extends": ["airbnb", "plugin:prettier/recommended"], "env": { "jest": true, "browser": true }, "rules": { "import/no-extraneous-dependencies": "off", "import/prefer-default-export": "off", "no-confusing-arrow": "off", "linebreak-style": "off", "arrow-parens": ["error", …

153 reactjs  visual-studio-code  prettier  eslintrc 

class PlayerControls extends React.Component { constructor(props) { super(props) this.state = { loopActive: false, shuffleActive: false, } } render() { var shuffleClassName = this.state.toggleActive ? "player-control-icon active" : "player-control-icon" return ( <div className="player-controls"> <FontAwesome className="player-control-icon" name='refresh' onClick={this.onToggleLoop} spin={this.state.loopActive} /> <FontAwesome className={shuffleClassName} name='random' onClick={this.onToggleShuffle} /> </div> ); } onToggleLoop(event) { // "this …

152 javascript  reactjs  this 

यह Google Adsense एप्लीकेशन पेज से एक उदाहरण है। मुख्य पृष्ठ के बाद दिखाई जाने वाली लोडिंग स्क्रीन के बाद दिखाई गई। मुझे नहीं पता कि रिएक्ट के साथ एक ही काम कैसे करना है क्योंकि अगर मैं रिएक्ट घटक द्वारा प्रदान की गई लोडिंग स्क्रीन बनाता हूं, तो यह …

150 reactjs  asynchronous  redux 

मैं create-react-app का उपयोग कर रहा हूं। मैं अपने अंदर की फ़ाइल से अपने सार्वजनिक फ़ोल्डर से एक छवि को कॉल करने का प्रयास कर रहा हूं src/components। मुझे यह त्रुटि संदेश प्राप्त हो रहा है। ./src/compहें/website_index.js मॉड्यूल नहीं मिला: आपने आयात करने का प्रयास किया ../..public/images/logo/WC-BlackonWhite.jpg जो प्रोजेक्ट src …

150 javascript  reactjs  webpack  create-react-app 

मैं React.JS का उपयोग कर रहा हूं और जब मैं करता हूं react-native run-android(अपने डिवाइस को प्लग इन करता हूं) तो मैं एक खाली पृष्ठ देखता हूं। जब मैं डिवाइस को हिलाता हूं और Debug JS Remotelyविकल्प सूची से चयन करता हूं तो मुझे निम्नलिखित स्क्रीन दिखाई देती है। जानकारी …

149 android  reactjs  react-native 

मान लीजिए कि मेरे पास 3 इनपुट हैं: दर, SendAmount, और ReceAmount। मैं उस 3 निविष्टियाँ का उपयोग करता हूं परफ़ेक्ट डिफरेंट पाराम्स। नियम हैं: यदि SendAmount बदल गया है, तो मैं गणना करता हूं receiveAmount = sendAmount * rate यदि प्राप्त राशि बदल गई है, तो मैं गणना करता …

149 reactjs  react-hooks 

रिएक्ट राउटर प्रतिक्रिया एप्स को संभालने की अनुमति देता है /arbitrary/route। इसे काम करने के लिए, मुझे किसी भी मिलान वाले मार्ग पर रिएक्ट ऐप भेजने के लिए मेरे सर्वर की आवश्यकता है। लेकिन वेबपैक देव सर्वर मनमाने अंत बिंदुओं को नहीं संभालता है। अतिरिक्त एक्सप्रेस सर्वर का उपयोग करके …

148 reactjs  ecmascript-6  webpack  react-router 

मैं JSBin पर ReactJS ढांचे के साथ खेल रहा हूं । मैंने देखा है कि अगर मेरे घटक का नाम लोअरकेस अक्षर से शुरू होता है तो यह काम नहीं करता है। उदाहरण के लिए निम्नलिखित प्रस्तुत नहीं करता है: var fml = React.createClass({ render: function () { return <a …

148 javascript  reactjs 

मैं एक साधारण समस्या के लिए प्रतिक्रिया हुक का उपयोग करने की कोशिश कर रहा हूं const [personState,setPersonState] = useState({ DefinedObject }); निम्नलिखित निर्भरता के साथ। "dependencies": { "react": "^16.8.6", "react-dom": "^16.8.6", "react-scripts": "3.0.0" } लेकिन मुझे अभी भी निम्न त्रुटि मिल रही है: ./src/App.js पंक्ति 7: रिएक्ट हुक "यूजस्टैट" …

148 reactjs  react-hooks