प्रतिक्रिया उपयोगकर्ता इंटरफ़ेस के निर्माण के लिए एक जावास्क्रिप्ट पुस्तकालय है। यह एक घोषणात्मक, घटक-आधारित प्रतिमान का उपयोग करता है और इसका उद्देश्य कुशल और लचीला दोनों है।

के बारे में अधिक reactjs...

मैं एक पुराने रिएक्ट क्लास को देख रहा हूँ जो JS में लिखा गया है। JS में वर्ग 'this.element' को संदर्भित करता है जो कि एक टाइपस्क्रिप्ट वर्ग में आंतरिक रूप से मौजूद नहीं है जो React.Component का विस्तार करता है। मुझे कुछ दिशा पसंद है कि 'this.element' क्या संदर्भित कर रहा है और इसे नए TS घटक मॉडल म....
12 अप्रैल 2018, 18:36
निजी मार्ग परिभाषा: PrivateRoute = ({ component: Component, ...rest }) => ( <Route {...rest} render={props => ( this.state.isAuthenticated ? <Component {...props} /> : <Redirect to="/" /> )}/> ) ....
12 अप्रैल 2018, 18:29
अब, मेरे पास इस तरह के घटक हैं: इसका कोड: import React from "react"; import {withStyles} from "material-ui/styles"; import Settings from "material-ui-icons/Settings"; import Button from "material-ui/Button"; const styles = { button: { color: "primary", height: 95, width: 95, disab....
12 अप्रैल 2018, 17:38
जब कोई साइट.com/ की मूल निर्देशिका पर जाता है, तो मैं एक साधारण साइडबार बना रहा हूं, Test Test2 जब मैं किसी पर क्लिक करता हूं, तो यह उनके घटकों को किनारे पर लोड करता है और लिंक हाइलाइट हो जाता है। अभी के लिए मैं डिफ़ॉल्ट रूप से टेस्ट घटक लोड करने के लिए / के लिए रूट का उपयोग कर रहा हूं। मेरा सवाल य....
12 अप्रैल 2018, 17:22
मैं AccountItem.js के अंदर एक फ़ेच एपीआई कॉल करने की कोशिश कर रहा हूँ जैसे: componentDidMount() { // I am calling console.log("item mounted"); here var url = "myurl" + this.props.portalId; fetch(url) .then(res => res.json()) .then(data => this.setState({account: data.Items})); } ....
12 अप्रैल 2018, 16:10
स्मार्ट टीवी ब्राउज़र के अंदर अपना एप्लिकेशन चलाने का प्रयास करने पर मुझे create-react-app पर्यावरण के साथ एक बड़ी समस्या का सामना करना पड़ रहा है। विनिर्देश टीवी और ब्राउज़र (http://whatismybrowser.com) टीवी: पैनासोनिक टीसी-32डीएस600बी ब्राउज़र: क्रोम 23 फ्रीबीएसडी userAgent: Mozilla/5.0 (X11;FreeB....
12 अप्रैल 2018, 15:41
मुझे एक तिथि संपत्ति द्वारा एक तालिका को सॉर्ट करना है, लेकिन मेरी तिथि इस तरह दिखती है: "14.01.1970 07:55"। मैं इस तिथि को सर्वर साइड की तुलना में किसी भिन्न प्रारूप में कैसे दिखा सकता हूं? और मैं इस प्रकार की तिथि को कैसे क्रमबद्ध कर सकता हूं?....
12 अप्रैल 2018, 14:51
कृपया मेरी मदद करें! मैं कैसे प्रतिक्रिया में बेस 64 स्ट्रिंग करने के लिए फ़ाइल सांकेतिक शब्दों में बदलना कर सकते हैं? handleUploadFile(event) { let file = event.target.files[0] // here encoding file base64? this.setState({ fileData: file, fileName: file.name }) } ....
12 अप्रैल 2018, 14:24
मैं rcslider तीसरे पक्ष के घटक से न्यूनतम मूल्य और अधिकतम मूल्य कैसे प्राप्त कर सकता हूं। एपीआई का लिंक है http://react-component.github.io/slider/ मैंने rcslider घटक स्थापित किया और नमूना कोड का उपयोग किया import 'rc-slider/assets/index.css'; import 'rc-tooltip/assets/bootstrap.css'; import R....
12 अप्रैल 2018, 12:34
मैं प्राधिकरण शीर्षलेख में access_token आदि प्रदान करके छवियों को सफलतापूर्वक अपलोड कर सकता हूं और यह मुझे एक downloadURL देता है। अपलोड करने के लिए, मैं इस प्रकार कर रहा हूँ: let res = await fetch(URL, { method: 'POST', headers: { Authorization: `Bearer ${token}` }, ....
12 अप्रैल 2018, 12:29
import 'whatwg-fetch' आने वाली प्रतिक्रिया इस तरह दिखती है (प्रॉक्सी से पकड़ी गई): "data": { "category_tree": [ { "category_id": "1", "name": "A", "children": [ { "category_id": 2 "name": "B, chi....
12 अप्रैल 2018, 12:29
यह मेरा होम कंपोनेंट है: import React from 'react'; import { getData } from '../../../util/network'; export default class Home extends React.Component { constructor(props) { super(props); this.state = { page: 1, }; } async componentWillMount() { const val = await getDat....
12 अप्रैल 2018, 11:45
मैं अपने Reactjs घटक में /data/todo.js फ़ाइल का उपयोग करना चाहता हूं। मैंने इस डेटा को अपने प्रतिक्रिया घटक यानी में प्राप्त करने के लिए axios http अनुरोध का उपयोग किया है, import React, { Component } from 'react'; import axios from 'axios'; class TodoList extends Component { componentWillMou....
12 अप्रैल 2018, 07:42
मेरे पास एक प्रतिक्रिया-मूल टेक्स्ट इनपुट घटक है जो उपयोगकर्ता इनपुट संग्रहीत करता है। मैं उस उपयोगकर्ता इनपुट को एक स्ट्रिंग में समानता के लिए जांचना चाहता हूं जो इस तरह दिखता है: This is a "string." आईओएस 11, हालांकि, दोहरे उद्धरण चिह्नों को स्वचालित रूप से इटैलिक करता है " ताकि भले ही कोई उपयोग....
12 अप्रैल 2018, 05:01
मेरे पास कैनवास घटक है, जो लगभग इस तरह दिखता है: class Canvas extends React.Component{ saveRef = node => { this._canvas = node; } shouldComponentUpdate(){ /*I will never re-render this component*/ return false; } componentWillReceiv....
12 अप्रैल 2018, 04:09
इसलिए मैं Maximilian Schwarzmüller उडेमी पर और मैं उनके एक स्पष्टीकरण में फंस गया हूं। इससे पहले उन्होंने कुछ ऐसा किया था (नीचे) <input type="text" onChange={props.changed} value={props.name} /> और ऐप JS . में changed={this.eventSwitchHandler} जैसे ही हम टाइप करते हैं नाम के इनपुट को बदलने के ल....
12 अप्रैल 2018, 03:17
मैं प्रतिक्रिया-मूल के माध्यम से एमएक्स प्लेयर में अपनी वेबकैम वेबसाइट से लाइव स्ट्रीम खोलने की कोशिश कर रहा हूं, मुझे एक अच्छा विकल्प मिला है: प्रतिक्रिया-मूल-भेजें-इरादा मेरे कोड में, मैं इसका उपयोग कर रहा हूं: PlayStream (Stream) { var SendIntentAndroid = require('react-native-send-inten....
12 अप्रैल 2018, 02:50
मैं वर्तमान में कुछ घटकों को सशर्त रूप से प्रस्तुत करने के लिए ऐसा कर रहा हूं: render() { return ( <React.Fragment> <div id="call_notes_app" className="row"> <NavTree onNavChange={this.changeActiveGroup} /> {this.state.shownGroup == 1 && <Disco....
11 अप्रैल 2018, 23:42
मैं एक ListItem घटक को प्रतिक्रिया-राउटर Link के साथ मूल घटक के रूप में निम्नानुसार प्रस्तुत करना चाहता हूं: <ListItem to="/profile" component={Link} > Profile </ListItem> हालांकि, मुझे टाइपस्क्रिप्ट त्रुटि मिलती है: (50,15): error TS2339: Prope....
11 अप्रैल 2018, 22:44
अगर मेरे पास इस तरह एक लॉगिन पेज घटक है ... class Login extends Component { constructor(props) { super(props); this.state = { username: "" }; और मैं उस उपयोगकर्ता नाम को होमपेज पर एक्सेस करना चाहता हूं ताकि उपयोगकर्ता-विशिष्ट जानकारी को एक फ़ेच के माध्यम से ....
11 अप्रैल 2018, 22:35
मेरा रेंडर नीचे है। मेरे पास विचार खत्म हो गए हैं। class Settings extends Component { render(){ return( <div className='App container'> <h3>Select Currency</h3> <select className="custom-select" onChange={(prop, attr) => this.props.fetchData(id,value)}> <opti....
11 अप्रैल 2018, 22:13
मेरे पास टेबल है और तालिका की पहली तीन पंक्तियों में हार्डकोड किया गया है, मेरे पास कई इनपुट भी हैं और जब मैं इनपुट में डेटा दर्ज करता हूं और जब मैंने सबमिट बटन पर क्लिक किया तो इनपुट से डेटा टेबल पंक्ति में जाना चाहिए। यहाँ मेरा कोड है this.state={ Id:'', Name:'', ....
11 अप्रैल 2018, 22:10
मेरे पास एक प्रतिक्रिया घटक है जो रेंडर फ़ंक्शन में फिल्मों की एक सरणी पर मैप करता है, और प्रत्येक की छवि को लॉग आउट करता है। मुझे प्रत्येक छवि को एक <img /> टैग में मैप करने में समस्या हो रही है। वर्तमान में ऐसा प्रतीत होता है कि सभी छवियों को एक <img /> टैग में थूक दिया जा रहा है, तो मैं छवियों ....
11 अप्रैल 2018, 22:08
जब मैं डिवाइस पर डीबग बिल्ड चलाने की कोशिश कर रहा हूं तो मुझे मेरी प्रतिक्रिया मूल परियोजना में मेरे चल रहे पैकेजर के साथ निम्न त्रुटि मिल रही है : bundling failed: SyntaxError /app/js/screens/RootScreen.js: Unexpected token (27:0) 25 | }; 26 | } > 27 | @connect(mapStateToProps, mapDispatchToP....
11 अप्रैल 2018, 20:27
तो मेरे प्रतिक्रिया फ्रंट-एंड में, मैं 'रिएक्शन-ड्रॉप-टू-अपलोड' मॉड्यूल का उपयोग कर रहा हूं ताकि उपयोगकर्ता को फ़ाइल खींचने और अपलोड करने की अनुमति मिल सके। मैंने एनपीएम मॉड्यूल पेज पर उदाहरण का पालन किया और हैंडलड्रॉप नामक एक हैंडलर बनाया। कोड की तरह दिखता है: handleDrop(files) { var da....
11 अप्रैल 2018, 20:02