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

मैं जावास्क्रिप्ट (ईएस 6) / फेसबुक प्रतिक्रिया के साथ काम कर रहा हूं और सरणी के पहले 3 तत्वों को प्राप्त करने की कोशिश कर रहा हूं जो आकार में भिन्न हैं। मैं Linq ले (n) के बराबर करना चाहूंगा। मेरी Jsx फ़ाइल में मेरे पास निम्नलिखित हैं: var items …

383 javascript  reactjs 

मैंने ( पीट हंट: रिएक्ट: रीथिंकिंग बेस्ट प्रैक्टिस - जेएससीएनएफ ईयू 2013 ) में एक रिएक्ट देव वार्ता देखी और स्पीकर ने उल्लेख किया कि मॉडल की गंदी जांच धीमी हो सकती है। लेकिन आभासी डोम के बीच के अंतर की गणना वास्तव में वर्चुअल डोम के बाद भी कम …

372 javascript  dom  reactjs  virtual-dom 

मेरे पास एक ऐप है जहां मुझे एक तत्व की ऊंचाई निर्धारित करने की आवश्यकता है (गतिशील रूप से "ऐप-कंटेंट" कहते हैं)। यह एप्लिकेशन के "क्रोम" की ऊंचाई लेता है और इसे घटाता है और फिर उन बाधाओं के भीतर 100% फिट होने के लिए "ऐप-कंटेंट" की ऊंचाई निर्धारित करता …

367 javascript  reactjs 

रिएक्ट राउटर (v3) के वर्तमान संस्करण में मैं एक सर्वर प्रतिक्रिया को स्वीकार कर सकता हूं और browserHistory.pushउचित प्रतिक्रिया पृष्ठ पर जाने के लिए उपयोग कर सकता हूं । हालाँकि, यह v4 में उपलब्ध नहीं है, और मुझे यकीन नहीं है कि इसे संभालने का उपयुक्त तरीका क्या है। इस …

360 reactjs  react-router  react-router-v4 

मेरे पास उस फॉर्म के साथ एक सरल प्रतिक्रिया घटक है जो मुझे लगता है कि एक नियंत्रित इनपुट है: import React from 'react'; export default class MyForm extends React.Component { constructor(props) { super(props); this.state = {} } render() { return ( <form className="add-support-staff-form"> <input name="name" type="text" value={this.state.name} onChange={this.onFieldChange('name').bind(this)}/> </form> …

359 javascript  node.js  reactjs  react-state 

मैं Redux लाइब्रेरी के लिए प्रलेखन पढ़ रहा था और इसका यह उदाहरण है: राज्य को पढ़ने के अलावा, कंटेनर घटक कार्यों को भेज सकते हैं। इसी तरह से, आप एक फ़ंक्शन को परिभाषित कर सकते हैं जिसे कहा जाता है mapDispatchToProps()कि यह dispatch()विधि प्राप्त करता है और कॉलबैक प्रॉप्स …

358 reactjs  redux  react-redux 

मेरी संरचना इस प्रकार है: Component 1 - |- Component 2 - - |- Component 4 - - - |- Component 5 Component 3 घटक 3 को घटक 5 की स्थिति के आधार पर कुछ डेटा प्रदर्शित करना चाहिए। चूंकि प्रॉप्स अपरिवर्तनीय हैं, मैं बस घटक 1 में स्थिति को …

351 javascript  reactjs  web-deployment 

मैं ReactJS और JSX में नया हूं और नीचे दिए गए कोड से मुझे थोड़ी परेशानी हो रही है। मैं classNameप्रत्येक पर विशेषता के लिए कई वर्गों को जोड़ने का प्रयास कर रहा हूं li: <li key={index} className={activeClass, data.class, "main-class"}></li> मेरा प्रतिक्रिया घटक है: var AccountMainMenu = React.createClass({ getInitialState: function() …

347 javascript  css  reactjs  ecmascript-6 

मेरे घटक के रेंडर फंक्शन में मेरे पास: render() { const items = ['EN', 'IT', 'FR', 'GR', 'RU'].map((item) => { return (<li onClick={this.onItemClick.bind(this, item)} key={item}>{item}</li>); }); return ( <div> ... <ul> {items} </ul> ... </div> ); } सब कुछ ठीक है, लेकिन जब <li>मैं निम्नलिखित त्रुटि प्राप्त करता है तो …

337 javascript  reactjs 

मैंने अभी react-routerv3 से v4 तक प्रतिस्थापित किया है। लेकिन मुझे यकीन नहीं है कि कैसे एक के सदस्य समारोह में प्रोग्रामेटिक रूप से नेविगेट करने के लिए Component। यानी handleClick()फंक्शन में मैं /path/some/whereकुछ डेटा प्रोसेस करने के बाद नेविगेट करना चाहता हूं । मैं ऐसा करता था: import { …

336 reactjs  ecmascript-6  react-router-v4 

मैं इस बटन समूह को सशर्त दिखाना और छिपाना चाहता हूं, जो इस तरह दिखता है कि मूल घटक से पारित किया गया है, इस पर निर्भर करता है: <TopicNav showBulkActions={this.__hasMultipleSelected} /> .... __hasMultipleSelected: function() { return false; //return true or false depending on data } .... var TopicNav = …

333 javascript  css  twitter-bootstrap-3  reactjs  class-attributes 

चेतावनी: एक घटक को नियंत्रित करने के लिए टाइप टेक्स्ट का अनियंत्रित इनपुट बदल रहा है। इनपुट तत्वों को अनियंत्रित से नियंत्रित (या इसके विपरीत) स्विच नहीं करना चाहिए। घटक के जीवनकाल के लिए नियंत्रित या अनियंत्रित इनपुट तत्व का उपयोग करने के बीच का निर्णय लें। * निम्नलिखित मेरा …

331 javascript  reactjs 

मैं प्रपत्र अनुभाग पढ़ रहा हूँreactjsप्रलेखन और onChangeउपयोग को प्रदर्शित करने के लिए इस कोड को आज़माया ( JSBIN )। var React= require('react'); var ControlledForm= React.createClass({ getInitialState: function() { return { value: "initial value" }; }, handleChange: function(event) { console.log(this.state.value); this.setState({value: event.target.value}); console.log(this.state.value); }, render: function() { return ( <input …

326 javascript  reactjs  react-jsx 

मैं अभी रिएक्टजेएस के साथ शुरू हुआ हूं और एक समस्या पर थोड़ा अटक गया हूं जो मेरे पास है। मेरा आवेदन अनिवार्य रूप से लेआउट बदलने के लिए फिल्टर और एक बटन के साथ एक सूची है। फिलहाल मैं तीन घटकों का उपयोग कर रहा: <list />, < Filters …

321 javascript  reactjs 

मैंने कमांड का उपयोग करके एक रिक्त प्रतिक्रिया परियोजना बनाई है: npx create-react-appnpm v7.0.7 और Node v15.0.1 पर स्थापित: प्रतिक्रिया v17.0.1, नोड- sass v5.0.0, तब मैंने रिक्त .scss फ़ाइल को अनुप्रयोग घटक में आयात करने का प्रयास किया: App.js import './App.scss' function App() { return ( <div className="App"> App </div> …

320 reactjs  webpack  create-react-app  node-sass  sass-loader