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

मेरे पास reactjsES6 मानकों का उपयोग करते हुए एक ऐप है, और मैं webpackइसे बनाने के लिए उपयोग करता हूं । webpackभार jsका उपयोग कर मॉड्यूल babel-loader। विशिष्ट होने के लिए, मैं निम्नलिखित संस्करणों का उपयोग करता हूं: ├── babel@5.8.34 ├── babel-core@5.8.34 ├── babel-loader@5.4.0 └── webpack@1.12.6 हालाँकि, इसे बनाने के …

87 reactjs  webpack  babeljs 

मेरे पास मेरे लिए यूनिट परीक्षण हैं reducers। हालांकि, जब मैं ब्राउज़र में डिबगिंग कर रहा हूं, तो मैं यह जांचना चाहता हूं कि क्या मेरे कार्यों को सही तरीके से बुलाया गया है और क्या राज्य को तदनुसार संशोधित किया गया है। मैं कुछ इस तरह की तलाश में …

87 javascript  reactjs  redux 

मैं इंटरनेट एक्सप्लोरर पर अपने React.js एप्लिकेशन का परीक्षण कर रहा हूं, और पा रहा हूं कि कुछ ES6 / 7 कोड Array.prototype.includes()इसे तोड़ता है। मैं क्रिएट-रिएक्शन-ऐप का उपयोग कर रहा हूं , और जाहिर है कि उन्होंने बहुत सारे पॉलीफ़िल शामिल नहीं किए हैं क्योंकि हर किसी को उनकी …

87 javascript  reactjs  ecmascript-6  create-react-app  ecmascript-7 

क्रिएट-रिएक्शन-ऐप के साथ विकसित होने के दौरान, मेरा ब्राउज़र चेतावनी पर डिबगर मोड में प्रवेश करता है: यह प्रतिक्रिया-देव-उपकरण के स्रोत कोड पर विराम लगाता है: // --- Welcome to debugging with React DevTools --- // This debugger statement means that you've enabled the "break on warnings" feature. // Use …

87 reactjs  javascript-debugger 

मेरे पास एक हिंडोला फ़ाइल है जिसमें मैं प्राप्त करना index.jsऔर निर्माण करना चाहता हूं block.build.js, इसलिए मेरी webpack.config.jsहै: var config = { entry: './index.js', output: { path: __dirname, filename: 'block.build.js', }, devServer: { contentBase: './Carousel' }, module : { rules : [ { test: /.js$/, loader: 'babel-loader', exclude: /node_modules/, …

87 reactjs  webpack  babeljs 

मुझे ब्राउज़िंग इतिहास के आधार पर कुछ व्यावसायिक तर्क लागू करने होंगे। मैं ऐसा कुछ करना चाहता हूं: reactRouter.onUrlChange(url => { this.history.push(url); }); क्या URL अपडेट होने पर प्रतिक्रिया-राउटर से कॉलबैक प्राप्त करने का कोई तरीका है?

87 reactjs  react-router  react-router-v4  react-router-redux  react-router-dom 

मान लीजिए कि मेरे पास एक पाठ स्ट्रिंग है जिसमें लाइन-ब्रेक शामिल हैं, और मैं इसे इस तरह प्रस्तुत करता हूं: render() { var text = "One\nTwo\nThree"; return <div>{text}</div>; } HTML में लाइन-ब्रेक लाइन-ब्रेक के रूप में प्रस्तुत नहीं करता है। मुझे रिएक्ट में यह कैसे करना चाहिए? मैं <br>टैग …

87 reactjs 

स्टाइल-घटकों में होवर को संभालने का सबसे अच्छा तरीका क्या है। मेरे पास एक रैपिंग तत्व है जब हॉवर किया गया एक बटन प्रकट करेगा। मैं घटक पर कुछ राज्य लागू कर सकता था और होवर पर एक संपत्ति को टॉगल कर सकता था, लेकिन सोच रहा था कि क्या …

87 reactjs  styled-components 

मुझे रूटिंग के साथ प्रतिक्रिया में दृश्य बदलने में परेशानी हो रही है। मैं केवल उपयोगकर्ताओं की एक सूची दिखाना चाहता हूं, और प्रत्येक उपयोगकर्ता पर क्लिक करके विवरण पृष्ठ पर जाना चाहिए। यहाँ राउटर है: import React from "react"; import ReactDOM from "react-dom"; import { BrowserRouter } from 'react-router-dom'; …

87 reactjs  react-router 

मेरे पास अगला कोड है, एस्क्लिंट थ्रो: प्रतिक्रिया / प्रो-प्रकार onClickOut; सहारा सत्यापन में गायब है प्रतिक्रिया / बच्चों के प्रकार; सहारा सत्यापन में गायब है propTypes परिभाषित किया गया था, लेकिन गूढ़ व्यक्ति इसे नहीं पहचानता है। import React, { Component, PropTypes } from 'react'; class IxClickOut extends Component …

87 javascript  reactjs  eslint  flowtype 

मेरे पास एक जटिल वेब पेज है जो रिएक्ट घटकों का उपयोग कर रहा है, और मैं पृष्ठ को स्थिर लेआउट से अधिक उत्तरदायी, पुनरुत्थानित लेआउट में बदलने की कोशिश कर रहा हूं। हालाँकि, मैं प्रतिक्रिया के साथ सीमाओं में चलता रहता हूं, और सोच रहा हूं कि क्या इन …

86 javascript  reactjs  responsive 

मैं शायद बहुत स्पष्ट रूप से कुछ याद कर रहा हूं और खुद को साफ करना चाहूंगा। यहाँ मेरी समझ है। एक भोली प्रतिक्रिया घटक में, हमारे पास statesऔर है props। संपूर्ण घटक stateको setStateपुन: प्रस्तुत करने के साथ अद्यतन करना । propsज्यादातर केवल पढ़े जाते हैं और उन्हें अपडेट …

86 reactjs  redux  react-redux 

मुसीबत मैं refएक इनलाइन फ़ंक्शन परिभाषा का उपयोग करके एक प्रतिक्रिया सेट कर रहा हूं render = () => { return ( <div className="drawer" ref={drawer => this.drawerRef = drawer}> तब componentDidMountDOM संदर्भ में सेट नहीं किया गया है componentDidMount = () => { // this.drawerRef is not defined मेरी समझ …

86 javascript  reactjs 

ListView के विपरीत हम इसे अपडेट कर सकते हैं ।state.datasource। क्या फ़्लैटलिस्ट को अद्यतन करने या इसे फिर से प्रस्तुत करने के लिए कोई विधि या उदाहरण है? मेरा लक्ष्य उपयोगकर्ता द्वारा बटन दबाते समय पाठ मान को अद्यतन करना है ... renderEntries({ item, index }) { return( <TouchableHighlight onPress={()=> …

86 reactjs  react-native  react-native-flatlist 

प्रतिक्रिया में, राज्य को तुरंत अपडेट नहीं किया जाता है, इसलिए हम कॉलबैक का उपयोग कर सकते हैं setState(state, callback)। लेकिन यह Redux में कैसे करें? कॉल करने के बाद this.props.dispatch(updateState(key, value)), मुझे तुरंत अद्यतन स्थिति के साथ कुछ करने की आवश्यकता है। क्या कोई तरीका है जिससे मैं नवीनतम …

86 javascript  reactjs  redux