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

मेरा लक्ष्य एक पृष्ठ / मूल घटक पर गतिशील रूप से घटकों को जोड़ना है। मैंने इस तरह कुछ बुनियादी उदाहरण टेम्पलेट के साथ शुरुआत की: main.js: var App = require('./App.js'); var SampleComponent = require('./SampleComponent.js'); ReactDOM.render(<App/>, document.body); ReactDOM.render(<SampleComponent name="SomeName"/>, document.getElementById('myId')); App.js: var App = React.createClass({ render: function() { return ( …

86 javascript  reactjs  babeljs 

मैं रिएक्ट के साथ एक फिल्टर करने योग्य सूची को लागू करने की प्रक्रिया में हूं। सूची की संरचना नीचे दी गई छवि में दिखाई गई है। आधार यहां बताया गया है कि यह कैसे काम करने वाला है: राज्य उच्चतम स्तर के घटक, घटक में रहता है Search। राज्य …

86 javascript  list  reactjs 

मैंने सेटअप eslintऔर eslint-plugin-react। जब मैं ESLint चलाता हूं, तो लिंटर no-unused-varsप्रत्येक रिएक्ट घटक के लिए त्रुटियां देता है । मैं मान रहा हूं कि यह पहचान नहीं रहा है कि मैं JSX या रिएक्ट सिंटैक्स का उपयोग कर रहा हूं। कोई विचार? उदाहरण: app.js import React, { Component } …

86 javascript  reactjs  jsx  eslint 

मैं रिएक्ट-राउटर (v4) की कोशिश कर रहा हूं और मुझे नव शुरू होने वाले मुद्दों में से एक Linkहोना चाहिए active। अगर मैं इनमें से किसी पर क्लिक करता हूंLink टैग , तो सक्रिय सामान काम करना शुरू कर देता है। हालाँकि, मैं चाहूंगा कि होम Linkशुरू हो, जैसे ही …

86 javascript  reactjs  ecmascript-6  react-router 

मेरे पास एक reducer है, और नए राज्य की गणना करने के लिए मुझे कार्रवाई से डेटा की आवश्यकता है और इस reducer द्वारा प्रबंधित नहीं किए गए राज्य के एक हिस्से से डेटा भी। विशेष रूप से, reducer में मैं नीचे दिखाऊंगा, मुझे accountDetails.stateOfResidenceIdक्षेत्र तक पहुंच की आवश्यकता है …

86 javascript  reactjs  redux 

मैंने इसके उत्तर के लिए चारों ओर खोज करने की कोशिश की है, लेकिन उनमें से अधिकांश रिएक्ट के संदर्भ से बाहर हैं, जहां onChangeधुंधला हो जाता है। विभिन्न परीक्षणों के प्रदर्शन में, मैं यह नहीं बता सकता कि ये दोनों घटनाएँ अलग-अलग हैं (जब एक textarea पर लागू किया …

86 javascript  reactjs  dom-events 

मेरे पास प्रतिक्रिया-चयन का उपयोग करके एक मुद्दा है। मैं redux फॉर्म का उपयोग करता हूं और मैंने अपनी प्रतिक्रिया-चयन घटक को redux फॉर्म के साथ संगत कर दिया है। यहाँ कोड है: const MySelect = props => ( <Select {...props} value={props.input.value} onChange={value => props.input.onChange(value)} onBlur={() => props.input.onBlur(props.input.value)} options={props.options} placeholder={props.placeholder} …

86 reactjs  default-value  react-select 

मेरे पास एक घटक है जिसे कभी-कभी <anchor>ए और दूसरे के रूप में प्रदान किया जाना चाहिए <div>। यह propनिर्धारित करने के लिए मैंने पढ़ा है, है this.props.url। यदि यह मौजूद है, तो मुझे एक में लिपटे घटक को प्रस्तुत करना होगा <a href={this.props.url}>। अन्यथा यह सिर्फ एक के रूप …

86 javascript  reactjs 

मैं जानना चाहता हूं कि प्रतिक्रिया घटक के बूलियन राज्य को कैसे टॉगल करना है। उदाहरण के लिए: मेरे कंपोनेंट के कंस्ट्रक्टर में बूलियन स्टेट चेक है: constructor(props, context) { super(props, context); this.state = { check: false }; }; मैं हर बार मेरे चेकबॉक्स को क्लिक करने की स्थिति में …

86 javascript  reactjs  reactjs-flux 

एक प्रतिक्रिया परियोजना के लिए टाइपस्क्रिप्ट की कोशिश कर रहा हूं और मैं इस त्रुटि पर फंस गया हूं: Element implicitly has an 'any' type because expression of type 'string' can't be used to index type '{ train_1: boolean; train_2: boolean; train_3: boolean; train_4: boolean; }'. No index signature with …

86 reactjs  typescript 

मेरे पास यह घटक है: import React from 'react'; export default class AddItem extends React.Component { add() { this.props.onButtonClick(this.input.value); this.input.value = ''; } render() { return ( <div className="add-item"> <input type="text" className="add-item__input" ref={(input) => this.input = input} placeholder={this.props.placeholder} /> <button disabled={!this.input.value} className="add-item__button" onClick={this.add.bind(this)}>Add</button> </div> ); } } मैं चाहता हूं …

86 javascript  reactjs 

मैं सिर्फ redux के साथ async सीखने के लिए एक सरल ऐप बना रहा हूँ। मुझे काम करते हुए सब कुछ मिल गया है, अब मैं सिर्फ वेब पेज पर वास्तविक स्थिति प्रदर्शित करना चाहता हूं। अब, मैं वास्तव में रेंडर विधि में स्टोर की स्थिति तक कैसे पहुंच सकता …

86 javascript  asynchronous  reactjs  redux  react-redux 

फेसबुक का उपयोग करना React। सेटिंग्स पृष्ठ में, मेरे पास एक बहुस्तरीय है textareaजहां एक उपयोगकर्ता बहुस्तरीय पाठ (मेरे मामले में, एक पता) दर्ज कर सकता है। <textarea value={address} /> जब मैं पता प्रदर्शित करने की कोशिश करता हूं, तो ऐसा कुछ होता है {address}, यह लाइन ब्रेक नहीं दिखाता …

86 javascript  reactjs  textarea 

मैं अपनी प्रतिक्रिया साइट पर Google Analytics सेट करने का प्रयास कर रहा हूं, और कुछ पैकेजों में आया हूं, लेकिन इनमें से कोई भी उस तरह का सेट अप नहीं है जो मेरे पास उदाहरणों के संदर्भ में है। उम्मीद कर रहा था कि कोई इस पर कुछ प्रकाश …

86 google-analytics  reactjs  react-router 

मैं escapeप्रेस पर सक्रिय प्रतिक्रिया बूटस्ट्रैप पॉपओवर को बंद करना चाहता हूं। यह कोड है _handleEscKey:function(event){ console.log(event); if(event.keyCode == 27){ this.state.activePopover.hide(); } }, componentWillMount:function(){ BannerDataStore.addChangeListener(this._onchange); document.addEventListener("click", this._handleDocumentClick, false); document.addEventListener("keyPress", this._handleEscKey, false); }, componentWillUnmount: function() { BannerDataStore.removeChangeListener(this._onchange); document.removeEventListener("click", this._handleDocumentClick, false); document.removeEventListener("keyPress", this._handleEscKey, false); }, लेकिन किसी भी कुंजी को दबाते समय …

86 reactjs  react-jsx  react-bootstrap