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

मैं अनिवार्य रूप से प्रतिक्रिया में टैब बनाने की कोशिश कर रहा हूं, लेकिन कुछ मुद्दों के साथ। यहाँ फ़ाइल है page.jsx <RadioGroup> <Button title="A" /> <Button title="B" /> </RadioGroup> जब आप बटन A पर क्लिक करते हैं, तो RadioGroup घटक को बटन B का चयन करना होता है । …

90 reactjs 

मैं सोचता हूँ कि शीर्षक यह सब कहता है। पीली चेतावनी हर बार प्रदर्शित की जाती है जब मैं एक घटक को खोल देता हूं जो अभी भी प्राप्त कर रहा है। कंसोल चेतावनी: अनमाउंट किए गए घटक पर कॉल setState(या forceUpdate) नहीं किया जा सकता है । यह एक …

90 reactjs 

एक बच्चे के घटक से माता-पिता पर सेटस्टेट करने के लिए अनुशंसित पैटर्न क्या है। var Todos = React.createClass({ getInitialState: function() { return { todos: [ "I am done", "I am not done" ] } }, render: function() { var todos = this.state.todos.map(function(todo) { return <div>{todo}</div>; }); return <div> <h3>Todo(s)</h3> …

90 reactjs 

मेरे पास कुछ प्रॉप्स हैं जिनमें एक स्ट्रिंग है जिसमें & जैसे अक्षर हो सकते हैं। इसमें रिक्त स्थान भी हैं। मैं सभी स्थानों को बदलना चाहता हूं  । वहाँ एक आसान तरीका है मैं यह कर सकता हूँ? ध्यान रखें कि मैं इस सिंटैक्स का उपयोग करके प्रस्तुत नहीं …

90 html  reactjs 

मैं हुक सुविधाओं (रिएक्ट v16.7.0-अल्फा) का उपयोग करने के लिए टाइपस्क्रिप्ट प्रोजेक्ट के साथ एक प्रतिक्रिया को माइग्रेट कर रहा हूं, लेकिन मैं यह पता नहीं लगा सकता कि विध्वंसक तत्वों के टाइपिंग को कैसे सेट किया जाए। यहाँ एक उदाहरण है: interface IUser { name: string; } ... const …

90 reactjs  typescript  react-hooks 

मैं एक ड्रॉपडाउन मेनू को बंद करना चाहता हूं जब ड्रॉपडाउन घटक के बाहर एक क्लिक होता है। मैं उसको कैसे करू?

89 reactjs 

कहो मेरे पास एक सरल टॉगल है: जब मैं बटन पर क्लिक करता हूं, तो रंग घटक लाल और नीले रंग के बीच बदल जाता है मैं इस तरह से कुछ करके इस परिणाम को प्राप्त कर सकता हूं। index.js Button: onClick={()=>{dispatch(changeColor())}} Color: this.props.color ? blue : red container.js connect(mapStateToProps)(indexPage) …

89 javascript  reactjs  redux 

मैं फ्लक्स का उपयोग करने के लिए अपने ऐप को फिर से लिख रहा हूं और मेरे पास स्टोर से डेटा प्राप्त करने के साथ एक समस्या है। मेरे पास बहुत सारे घटक हैं, और वे बहुत घोंसला बनाते हैं। उनमें से कुछ बड़े हैं ( Article), कुछ छोटे और …

89 javascript  reactjs  reactjs-flux 

मैं रिएक्ट के साथ अनंत स्क्रॉलिंग को लागू करने के तरीकों को देख रहा हूं। मैं प्रतिक्रिया-अनंत-स्क्रॉल भर में आया हूं और इसे अक्षम पाया क्योंकि यह केवल डोम में नोड जोड़ता है और उन्हें हटाता नहीं है। क्या रिएक्ट के साथ कोई सिद्ध समाधान है जो डोम में निरंतर …

89 javascript  html  infinite-scroll  reactjs 

सादे पुरानी जावास्क्रिप्ट में मेरे पास डीआईवी है <div class="movie" id="my_movie"> और निम्नलिखित जावास्क्रिप्ट कोड var myMovie = document.getElementById('my_movie'); myMovie.addEventListener('nv-enter', function (event) { console.log('change scope'); }); अब मेरे पास एक प्रतिक्रिया घटक है, इस घटक के अंदर, रेंडर विधि में, मैं अपना div लौटा रहा हूं। मैं अपने कस्टम इवेंट …

89 reactjs 

यहाँ संख्याएँ हैं मिनट + gzip 26k gzip 90 कि मूल 450 + के और React के पास प्रलेखन में कई विशेषताएं नहीं हैं। यह इतना बड़ा क्यों है? मुझे लगता है कि यह लाइटवेट डोम का कार्यान्वयन है। लेकिन मैं निश्चित होना चाहता हूं।

88 reactjs 

मैं निम्नलिखित सिंटैक्स के साथ समस्या का पता लगाने के लिए संघर्ष कर रहा हूं: export const sendVerificationEmail = async () => (dispatch) => { try { dispatch({ type: EMAIL_FETCHING, payload: true }); await Auth.sendEmailVerification(); dispatch({ type: EMAIL_FETCHING, payload: false })) } catch (error) { dispatch({ type: EMAIL_FETCHING, payload: false …

88 javascript  reactjs  async-await  redux 

मैं उपयोग कर रहा हूं Reactऔर ESLintसाथ हूं eslint-plugin-react। मैं चाहता हूँ एक फ़ाइल में नियम।disableprop-types var React = require('react'); var Model = require('./ComponentModel'); var Component = React.createClass({ /* eslint-disable react/prop-types */ propTypes: Model.propTypes, /* eslint-enable react/prop-types */ render: function () { return ( <div className="component"> {this.props.title} </div> ); } …

88 reactjs  eslint 

मेरे पास एक परियोजना है जिसे मैंने 2 सप्ताह तक नहीं छुआ। मैं इसे वापस लेता हूं और अब जब मैं चलाने की कोशिश करता हूं तो मुझे npm startयह त्रुटि मिली। > react-scripts start sh: react-scripts: command not found npm ERR! Darwin 16.0.0 npm ERR! argv "/usr/local/bin/node" "/usr/local/bin/npm" "start" …

88 javascript  reactjs  create-react-app 

मैं https://github.com/moroshko/react-autosuggest से एक उदाहरण लागू कर रहा हूं महत्वपूर्ण कोड इस प्रकार है: import React, { Component } from 'react'; import suburbs from 'json!../suburbs.json'; function getSuggestions(input, callback) { const suggestions = suburbs .filter(suburbObj => suburbMatchRegex.test(suburbObj.suburb)) .sort((suburbObj1, suburbObj2) => suburbObj1.suburb.toLowerCase().indexOf(lowercasedInput) - suburbObj2.suburb.toLowerCase().indexOf(lowercasedInput) ) .slice(0, 7) .map(suburbObj => suburbObj.suburb); // 'suggestions' …

87 javascript  json  reactjs  webpack