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

एक सरल घटक को देखते हुए जो इसके बच्चों को प्रस्तुत करता है: class ContainerComponent extends Component { static propTypes = { children: PropTypes.object.isRequired, } render() { return ( <div> {this.props.children} </div> ); } } export default ContainerComponent; प्रश्न: बच्चों के प्रोप का प्रचार क्या होना चाहिए? जब मैं इसे …

265 reactjs  jsx  react-proptypes 

कुछ ऐसा है जो मुझे काम करते समय बहुत भ्रमित करता है React। इंटरनेट पर ऐसे बहुत से उदाहरण उपलब्ध हैं जो .jsप्रतिक्रिया के साथ फाइलों का उपयोग करते हैं लेकिन कई अन्य .jsxफाइलों का उपयोग करते हैं। मैंने .jsxफ़ाइलों के बारे में पढ़ा है और मेरी समझ यह है …

211 reactjs  jsx 

प्रतिक्रिया के आधिकारिक दस्तावेज़ में इसका उल्लेख है - यदि आप रिएक्ट क्लास जीवनचक्र विधियों से परिचित हैं, तो आप घटक के रूप में हुक का उपयोग करने के बारे में सोच सकते हैंनिम्नलिखित, घटकदिवसपद, और घटकविलाउमाउंट संयुक्त। मेरा सवाल है - हम componentWillMount()एक हुक में जीवन शैली विधि का …

175 javascript  reactjs  jsx  react-hooks 

मैं एक प्रतिक्रिया घटक लिखने की कोशिश करता हूं। html शीर्षकों के टैग (h1, h2, h3, आदि ...) के लिए, जहां शीर्ष प्राथमिकता गतिशील रूप से प्राथमिकता के आधार पर बदल रही है जिसे हमने सहारा में परिभाषित किया है। यहाँ मैं क्या करने की कोशिश करता हूं। <h{this.props.priority}>Hello</h{this.props.priority}> अपेक्षित …

162 reactjs  jsx 

यहाँ मैंने क्या कोशिश की और यह कैसे गलत हो जाता है। यह काम: <div dangerouslySetInnerHTML={{ __html: "<h1>Hi there!</h1>" }} /> यह नहीं है: <div dangerouslySetInnerHTML={{ __html: this.props.match.description }} /> विवरण संपत्ति HTML सामग्री का सिर्फ एक सामान्य स्ट्रिंग है। हालांकि यह एक स्ट्रिंग के रूप में प्रस्तुत किया गया …

159 javascript  html  reactjs  jsx 

जिज्ञासु यह दृष्टिकोण करने का सही तरीका क्या है: var Hello = React.createClass({ getInitialState: function() { return {total: 0, input1:0, input2:0}; }, render: function() { return ( <div>{this.state.total}<br/> <input type="text" value={this.state.input1} onChange={this.handleChange} /> <input type="text" value={this.state.input2} onChange={this.handleChange} /> </div> ); }, handleChange: function(e){ this.setState({ ??? : e.target.value}); t = this.state.input1 …

141 javascript  reactjs  jsx 

मेरे पास एक बहुत ही सरल कार्यात्मक घटक है: import * as React from 'react'; export interface AuxProps { children: React.ReactNode } const aux = (props: AuxProps) => props.children; export default aux; और एक अन्य घटक: import * as React from "react"; export interface LayoutProps { children: React.ReactNode } const …

138 reactjs  typescript  jsx  typescript2.0 

मैं अपने रिएक्ट एप्लिकेशन के साथ एक प्रकार का वृक्ष चला रहा हूं, और मुझे यह त्रुटि मिली है: error JSX props should not use arrow functions react/jsx-no-bind और यह वह जगह है जहां मैं तीर फ़ंक्शन (अंदर onClick) चला रहा हूं : {this.state.photos.map(tile => ( <span key={tile.img}> <Checkbox defaultChecked={tile.checked} …

103 javascript  reactjs  ecmascript-6  jsx  arrow-functions 

मैं jsx में & nbsp टैग का उपयोग कर रहा हूं और यह स्थान प्रदान नहीं कर रहा है। निम्नलिखित मेरे कोड का एक छोटा सा टुकड़ा है। कृपया मदद करें। var Reporting=React.createClass({ render: function(){ return( <div style={divPositionReporting}> <p>Pricing Reports</p> <hr></hr> Select Scenario:   <select> <option></option> </select> <button type="button">Get Pricing Report</button> …

101 html  reactjs  jsx 

मेरे पास एक चेकबॉक्स TSX (JSX) तत्व है: <input type="checkbox" name={i.toString()} onClick={this.handleCheckboxClick} /> वीएस कोड की मदद से मुझे पता है कि इनपुट पैरामीटर का प्रकार this.handleCheckboxClickहै MouseEvent<HTMLInputElement>। इसलिए मैंने इसे लागू किया: private handleCheckboxClick(event: MouseEvent<HTMLInputElement>) { ... } फिर मुझे एक त्रुटि मिलती है [ts] Type 'MouseEvent' is not …

97 reactjs  typescript  events  types  jsx 

मैं टाइपस्क्रिप्ट, रिएक्ट और रेडक्स (इलेक्ट्रॉन में चलने वाले सभी) के साथ एक परियोजना पर काम कर रहा हूं, और मैं एक समस्या में चला गया हूं जब मैं एक वर्ग आधारित घटक को दूसरे में शामिल कर रहा हूं और उनके बीच मापदंडों को पारित करने की कोशिश कर …

96 reactjs  typescript  redux  electron  jsx 

मैंने सेटअप eslintऔर eslint-plugin-react। जब मैं ESLint चलाता हूं, तो लिंटर no-unused-varsप्रत्येक रिएक्ट घटक के लिए त्रुटियां देता है । मैं मान रहा हूं कि यह पहचान नहीं रहा है कि मैं JSX या रिएक्ट सिंटैक्स का उपयोग कर रहा हूं। कोई विचार? उदाहरण: app.js import React, { Component } …

86 javascript  reactjs  jsx  eslint 

मैं वर्तमान में प्रतिक्रिया मूल निवासी का उपयोग करके एक परीक्षण ऐप बना रहा हूं। छवि मॉड्यूल, इस प्रकार अब तक ठीक काम कर रहा है। उदाहरण के लिए, यदि मेरे पास एक छवि है avatar, तो नीचे दिया गया कोड स्निपेट ठीक काम करता है। <Image source={require('image!avatar')} /> लेकिन …

85 javascript  react-native  jsx 

वेबस्टॉर्म के विपरीत, मैं JSX कोड .jsको विज़ुअल स्टूडियो कोड की फाइलों में टिप्पणी करने में असमर्थ हूं ।

81 reactjs  react-native  visual-studio-code  jsx