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

मैं वेनिला js में जानता हूं, हम कर सकते हैं onclick="f1();f2()" ReactJS में दो फ़ंक्शन कॉल करने के लिए क्या समान होगा? मुझे पता है कि एक फ़ंक्शन को कॉल करना इस तरह है: onClick={f1}

116 javascript  reactjs 

मैं एक विशिष्ट पृष्ठ से दूर नेविगेट करते समय एक उपयोगकर्ता को सूचित करने के लिए मेरा रिएक्टज एप्लिकेशन चाहता हूं। विशेष रूप से एक पॉपअप संदेश जो उसे क्रिया करने के लिए याद दिलाता है: "परिवर्तन सहेजे गए हैं, लेकिन अभी तक प्रकाशित नहीं हुए हैं। क्या अब?" क्या …

116 reactjs  react-router 

हुक के उदाहरण पर विचार करते हुए import { useState } from 'react'; function Example() { const [count, setCount] = useState(0); return ( <div> <p>You clicked {count} times</p> <button onClick={() => setCount(count + 1)}> Click me </button> </div> ); } मूल रूप से हम इसका उपयोग करते हैं ।forceUpdate () …

116 javascript  reactjs  react-native  react-hooks 

मुझे लागू करने के लिए कुछ दुष्प्रभाव हैं और उन्हें व्यवस्थित करने के तरीके जानना चाहते हैं: एक एकल उपयोग के रूप में या कई उपयोग प्रदर्शन और वास्तुकला के मामले में बेहतर क्या है?

116 reactjs  react-hooks 

मेरे पास निम्नलिखित घटक हैं ( radioOther.jsx): 'use strict'; //module.exports = <-- omitted in update class RadioOther extends React.Component { // omitted in update // getInitialState() { // propTypes: { // name: React.PropTypes.string.isRequired // } // return { // otherChecked: false // } // } componentDidUpdate(prevProps, prevState) { var otherRadBtn …

115 reactjs  ecmascript-6 

Xcode पर प्रतिक्रिया-मूल iOS ऐप बनाते समय यह त्रुटि हो रही है। Npm स्थापित और rpm जोड़ने प्रतिक्रिया-देशी- fs पुस्तकालय के बाद इस त्रुटि को शुरू किया । लेकिन एक समाधान के लिए ऑनलाइन खोज के बाद, मैंने देखा कि कई लोगों को अन्य प्रतिक्रिया देशी पुस्तकालयों को स्थापित करते …

115 ios  xcode  reactjs  native  react-native-ios 

क्या वर्तमान स्क्रॉल स्थिति, या <ScrollView>प्रतिक्रिया मूल में किसी घटक का वर्तमान पृष्ठ प्राप्त करना संभव है ? तो कुछ इस तरह: <ScrollView horizontal={true} pagingEnabled={true} onScrollAnimationEnd={() => { // get this scrollview's current page or x/y scroll position }}> this.state.data.map(function(e, i) { <ImageCt key={i}></ImageCt> }) </ScrollView>

115 ios  reactjs  react-native 

यहाँ एक बुनियादी घटक है। दोनों के पास <ul>और <li>ऑनक्लिक कार्य हैं। मैं केवल <li>आग पर क्लिक करना चाहता हूं , नहीं <ul>। इसे कैसे प्राप्त किया जा सकता है? मैंने कोई फायदा नहीं होने के लिए e.preventDefault (), e.stopPropagation () के साथ खेला है। class List extends React.Component { …

115 reactjs  onclick  event-propagation 

मैं रिएक्ट 16.7-अल्फा में नए हुक सिस्टम के साथ खेल रहा हूं और एक अनंत लूप में फंस जाता हूं जब मैं जिस राज्य को संभाल रहा हूं वह ऑब्जेक्ट या एरे है। सबसे पहले, मैं useState का उपयोग करता हूं और इसे इस तरह एक खाली वस्तु के साथ …

115 reactjs  react-hooks 

इसलिए सामान्य रूप से मेरे अधिकांश एसवीजी आइकनों को शामिल करने के लिए जिन्हें सरल स्टाइल की आवश्यकता होती है, मैं करता हूं: <svg> <use xlink:href="/svg/svg-sprite#my-icon" /> </svg> अब मैं ReactJS साथ खेल रहे हैं देर से मेरी नई सामने के अंत विकास ढेर में संभावित घटक के रूप में …

114 svg  sprite  reactjs 

हमारे आवेदन विषम वस्तुओं की बड़ी सूची नेविगेट करने के लिए अनंत स्क्रॉल का उपयोग करता है। कुछ झुर्रियाँ हैं: हमारे उपयोगकर्ताओं के लिए 10,000 वस्तुओं की सूची होना और 3k + के माध्यम से स्क्रॉल करना आवश्यक है। ये समृद्ध वस्तुएं हैं, इसलिए ब्राउज़र प्रदर्शन के अस्वीकार्य होने से …

114 javascript  html  infinite-scroll  reactjs 

React.js के सबसे बड़े लाभों में से एक सर्वर-साइड रेंडरिंग माना जाता है । समस्या यह है कि कुंजी फ़ंक्शन React.renderComponentToString()सिंक्रोनस है जो किसी भी अतुल्यकालिक डेटा को लोड करना असंभव बनाता है क्योंकि घटक पदानुक्रम सर्वर पर प्रदान किया जाता है। मान लें कि मेरे पास टिप्पणी करने के …

114 node.js  reactjs  flux  reactjs-flux 

मैं रिएक्ट के साथ खेल रहा हूं और निम्नलिखित समय घटक है जो सिर्फ Date.now()स्क्रीन पर प्रस्तुत करता है: import React, { Component } from 'react'; class TimeComponent extends Component { constructor(props){ super(props); this.state = { time: Date.now() }; } render(){ return( <div> { this.state.time } </div> ); } componentDidMount() …

114 javascript  reactjs 

मुझे पता है कि यह सवाल एक-दो बार पहले ही पूछा जा चुका है, लेकिन ज्यादातर समय, इसका समाधान माता-पिता को संभालना होता है, क्योंकि जिम्मेदारी का प्रवाह केवल नीचे उतर रहा है। हालांकि, कभी-कभी, आपको इसके किसी एक तरीके से एक घटक को मारने की आवश्यकता होती है। मुझे …

114 reactjs  unmount 

अद्यतन स्थिति का सही तरीका क्या है, एक नेस्टेड ऑब्जेक्ट है, रिएक्ट विद हुक्स? export Example = () => { const [exampleState, setExampleState] = useState( {masterField: { fieldOne: "a", fieldTwo: { fieldTwoOne: "b" fieldTwoTwo: "c" } } }) किसी क्षेत्र setExampleStateको अपडेट exampleStateकरने के लिए कोई कैसे उपयोग करेगा a? …

114 javascript  reactjs  react-hooks