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

मेरे पास निम्नलिखित हैं: <Route name="app" path="/" handler={App}> <Route name="dashboards" path="dashboards" handler={Dashboard}> <Route name="exploreDashboard" path="exploreDashboard" handler={ExploreDashboard} /> <Route name="searchDashboard" path="searchDashboard" handler={SearchDashboard} /> <DefaultRoute handler={DashboardExplain} /> </Route> <DefaultRoute handler={SearchDashboard} /> </Route> DefaultRoute का उपयोग करते समय, SearchDashboard गलत तरीके से प्रस्तुत करता है क्योंकि डैशबोर्ड के भीतर किसी भी * डैशबोर्ड …

98 javascript  routes  reactjs  url-redirection  react-router 

मैं ReactJS का उपयोग कर रहा हूं और मेरे ऐप के एक हिस्से को बहुत मुद्रित JSON की आवश्यकता है। मुझे कुछ JSON मिलते हैं: { "foo": 1, "bar": 2 }और अगर मैं JSON.stringify(obj, null, 4)ब्राउज़र कंसोल के माध्यम से इसे चलाता हूं , तो यह बहुत प्रिंट करता है, …

98 javascript  json  reactjs  flux 

मुझे पता है कि क्रोम एक्सटेंशन 'मेनिफेस्ट.जसन' का उपयोग करते हैं, लेकिन यहां, इसका उपयोग कुछ और के रूप में भी किया जाता है। सामग्री - { "short_name": "React App", "name": "Create React App Sample", "icons": [ { "src": "favicon.ico", "sizes": "192x192", "type": "image/png" } ], "start_url": "./index.html", "display": "standalone", …

98 reactjs  manifest  create-react-app 

मैं एक सीएसएस फ़ाइल को एक प्रतिक्रिया घटक में आयात करना चाहता हूं। मैंने कोशिश की है, import disabledLink from "../../../public/styles/disabledLink";लेकिन मुझे नीचे त्रुटि मिली; मॉड्यूल नहीं मिला: त्रुटि: 'फ़ाइल' या 'निर्देशिका' को हल नहीं कर सकता .. ..///public/styles/disabledLink में c: \ Users \ User \ Documents \ Pizza-app \ …

98 javascript  reactjs  relative-path 

मान लीजिए कि मेरे पास सादे वस्तुओं की एक सूची है this.state.listजिसे मैं फिर बच्चों की सूची प्रदान करने के लिए उपयोग कर सकता हूं। तब वस्तु डालने का सही तरीका क्या है this.state.list? नीचे एक ही तरीका है जो मुझे लगता है कि यह काम करेगा क्योंकि आप this.stateसीधे …

97 javascript  reactjs 

एक फॉर्म सबमिट करने पर, मैं doSomething()डिफ़ॉल्ट पोस्ट व्यवहार के बजाय कोशिश कर रहा हूं । स्पष्ट रूप से रिएक्ट में, ऑनसुबमिट रूपों के लिए एक समर्थित घटना है। हालाँकि, जब मैं निम्नलिखित कोड आज़माता हूँ: var OnSubmitTest = React.createClass({ render: function() { doSomething = function(){ alert('it works!'); } return …

97 javascript  forms  form-submit  reactjs  onsubmit 

मैं सिर्फ टेक्स्ट इनपुट और onChangeईवेंट आई कॉल में लिख रहा हूं setState, इसलिए रिएक्ट मेरे यूआई को रेंडर करता है। समस्या यह है कि पाठ इनपुट हमेशा एक फोकस खो देता है, इसलिए मुझे प्रत्येक पत्र के लिए इसे फिर से ध्यान केंद्रित करने की आवश्यकता है: डी। var …

97 javascript  reactjs 

मैं रिएक्ट नेटिव में एक फॉर्म बना रहा हूं और TextInputस्क्रीन की चौड़ाई का 80% हिस्सा बनाना चाहूंगा । HTML और साधारण सीएसएस के साथ, यह सीधा होगा: input { display: block; width: 80%; margin: auto; } सिवाय इसके कि रिएक्ट नेटिव displayसंपत्ति, प्रतिशत चौड़ाई, या ऑटो मार्जिन का समर्थन …

97 javascript  css  reactjs  react-native 

यह सरल कुछ आसानी से पूरा किया जाना चाहिए, फिर भी मैं अपने बालों को बाहर खींच रहा हूं कि यह कितना जटिल है। मैं केवल एक प्रतिक्रिया घटक के बढ़ते और अनमाउंटिंग को चेतन करना चाहता हूं, बस। यहाँ मैंने जो अभी तक कोशिश की है और क्यों प्रत्येक …

97 animation  reactjs  css-animations  greensock  react-motion 

मैं एक ड्रैगेबल (जो कि माउस द्वारा रिपोजिबल है) रिएक्ट कंपोनेंट बनाना चाहता हूं, जो जरूरी तौर पर ग्लोबल स्टेट और बिखरे हुए इवेंट हैंडलर को शामिल करता है। मैं इसे अपने जेएस फ़ाइल में एक वैश्विक चर के साथ गंदे तरीके से कर सकता हूं, और शायद इसे एक …

97 javascript  reactjs 

मैं ReactJs में नया हूं। यह मेरा कोड है: var React = require('react'); var ReactDOM = require('react-dom'); var {Route, Router, IndexRoute, hashHistory} = require('react-router'); var Main = require('Main'); ReactDOM.render( <Router history={hashHistory}> <Route path="/" component={Main}></Route> </Router>, document.getElementById('app')); और इसे वेबपैक के साथ संकलित करना। इसके अलावा मैंने अपने एलियासेस में मुख्य …

97 reactjs  react-router 

मैं प्रतिक्रिया देने के लिए एक classname में पास करने की कोशिश कर रहा हूं कि यह शैली है और इसे काम नहीं मिल रहा है: class Pill extends React.Component { render() { return ( <button className="pill {this.props.styleName}">{this.props.children}</button> ); } } <Pill styleName="skill">Business</Pill> मैं उस वर्ग के नाम से गुजर …

97 javascript  reactjs 

मैं ReactJS में मैन्युअल रूप से एक क्लिक ईवेंट को कैसे ट्रिगर कर सकता हूं ? जब कोई उपयोगकर्ता तत्व 1 पर क्लिक करता है, तो मैं स्वचालित रूप से inputटैग पर एक क्लिक को ट्रिगर करना चाहता हूं । <div className="div-margins logoContainer"> <div id="element1" className="content" onClick={this.uploadLogoIcon}> <div className="logoBlank" /> …

97 html  reactjs 

हाल ही में मैं फेसबुक जावास्क्रिप्ट लाइब्रेरी React.js की कार्यक्षमता और उपयोग करने के तरीकों के बारे में बहुत अध्ययन कर रहा हूं। जब जावास्क्रिप्ट दुनिया के बाकी हिस्सों के लिए अपने मतभेदों की बात करते हैं तो अक्सर दो प्रोग्रामिंग शैलियों declarativeऔर imperativeउल्लेख किया जाता है। दोनों में क्या …

97 reactjs 

मेरे पास एक चेकबॉक्स TSX (JSX) तत्व है: <input type="checkbox" name={i.toString()} onClick={this.handleCheckboxClick} /> वीएस कोड की मदद से मुझे पता है कि इनपुट पैरामीटर का प्रकार this.handleCheckboxClickहै MouseEvent<HTMLInputElement>। इसलिए मैंने इसे लागू किया: private handleCheckboxClick(event: MouseEvent<HTMLInputElement>) { ... } फिर मुझे एक त्रुटि मिलती है [ts] Type 'MouseEvent' is not …

97 reactjs  typescript  events  types  jsx