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

मैं कुछ घटकों को परिभाषित करने का उचित तरीका खोजने की कोशिश कर रहा हूं, जिनका उपयोग सामान्य तरीके से किया जा सकता है: <Parent> <Child value="1"> <Child value="2"> </Parent> माता-पिता और बच्चों के घटकों के बीच प्रतिपादन के लिए एक तर्क चल रहा है, आप कल्पना कर सकते हैं …

887 javascript  reactjs  react-jsx 

मेरे पास एक बाहरी (घटक के लिए), अवलोकन योग्य वस्तु है जिसे मैं बदलावों के लिए सुनना चाहता हूं। जब ऑब्जेक्ट को अपडेट किया जाता है तो यह परिवर्तन की घटनाओं का उत्सर्जन करता है, और फिर मैं किसी भी परिवर्तन का पता चलने पर घटक को फिर से प्रस्तुत …

690 reactjs  react-jsx 

मुझे पता है कि आप इस तरह से प्रतिक्रिया वर्गों के भीतर शैलियों को निर्दिष्ट कर सकते हैं: var MyDiv = React.createClass({ render: function() { var style = { color: 'white', fontSize: 200 }; return <div style={style}> Have a good and productive day! </div>; } }); क्या मुझे इस तरह …

512 css  reactjs  inline-styles  react-jsx 

मैं प्रपत्र अनुभाग पढ़ रहा हूँreactjsप्रलेखन और onChangeउपयोग को प्रदर्शित करने के लिए इस कोड को आज़माया ( JSBIN )। var React= require('react'); var ControlledForm= React.createClass({ getInitialState: function() { return { value: "initial value" }; }, handleChange: function(event) { console.log(this.state.value); this.setState({value: event.target.value}); console.log(this.state.value); }, render: function() { return ( <input …

326 javascript  reactjs  react-jsx 

मेरे पास एक प्रतिक्रियाशील घटक में इनलाइन स्क्रिप्टिंग जोड़ने की कोशिश करने का एक अपेक्षाकृत सीधा मुद्दा है। मेरे पास अब तक क्या है: 'use strict'; import '../../styles/pages/people.scss'; import React, { Component } from 'react'; import DocumentTitle from 'react-document-title'; import { prefix } from '../../core/util'; export default class extends Component …

264 javascript  reactjs  ecmascript-6  react-jsx 

मैं वैकल्पिक रूप से JSX में एक तत्व कैसे शामिल करूं? यहां एक बैनर का उपयोग करके एक उदाहरण दिया गया है जो घटक में होना चाहिए यदि इसे पारित किया गया है। जो मैं बचना चाहता हूं वह है कि यदि कथन में HTML टैग की नकल की जा …

229 javascript  reactjs  react-jsx 

मैं रिएक्ट के साथ कुछ बना रहा हूं जहां मुझे जेएसएक्स में रिएक्ट वेरिएबल्स के साथ HTML सम्मिलित करने की आवश्यकता है। क्या वैसा ही वैरिएबल रखने का कोई तरीका है: var thisIsMyCopy = '<p>copy copy copy <strong>strong copy</strong></p>'; और इस तरह से प्रतिक्रिया में सम्मिलित करने के लिए, और …

203 javascript  html  frontend  reactjs  react-jsx 

मैं उनके प्रकार के आधार पर घटकों को गतिशील रूप से प्रस्तुत करने की कोशिश कर रहा हूं। उदाहरण के लिए: var type = "Example"; var ComponentName = type + "Component"; return <ComponentName />; // Returns <examplecomponent /> instead of <ExampleComponent /> मैंने यहां प्रस्तावित रेक्ट / जेएसएक्स गतिशील घटक …

168 javascript  reactjs  react-jsx 

मैं एक jQuery घटक को React.js में बदलने की कोशिश कर रहा हूं और उन चीजों में से एक, जिनके साथ मुझे कठिनाई हो रही है एक एन फॉर लूप के आधार पर तत्वों की संख्या प्रदान कर रहा है। मैं समझता हूं कि यह संभव नहीं है, या सिफारिश …

145 javascript  jquery  reactjs  react-jsx 

मैंने अभी-अभी रिएक्ट की खोज शुरू की है, एक घटक को एक साधारण रेंडर फ़ंक्शन के साथ जोड़कर: render() { return <div class="myApp"></div> } जब मैं एप्लिकेशन चलाता हूं, तो मुझे निम्न त्रुटि मिलती है: Warning: Unknown DOM property class. Did you mean className? मैं बदल कर इस हल कर …

113 javascript  reactjs  react-jsx 

मैं ReactJS में साइट बनाने की कोशिश कर रहा हूं। हालांकि, जब मैंने अपने जेएस को एक अलग फाइल में डालने की कोशिश की, तो मुझे यह त्रुटि मिलनी शुरू हो गई: "अनटॉक्ड सिंटैक्स्योर: अनपेक्षित टोकन <"। मैंने /** @jsx React.DOM */JS फ़ाइल के शीर्ष में जोड़ने का प्रयास किया, …

110 javascript  html  reactjs  react-jsx 

मेरे पास एक फ़ाइल है test_stuff.js कि मैं साथ चल रहा हूं npm test यह इस तरह दिखता है: import { assert } from 'assert'; import { MyProvider } from '../src/index'; import { React } from 'react'; const myProvider = ( <MyProvider> </MyProvider> ); describe('Array', function() { describe('#indexOf()', function() { …

101 javascript  reactjs  npm  react-jsx 

मैं समझता हूं कि JSX में व्हाट्सएप कैसे और क्यों जोड़ा जाए, लेकिन मैं सोच रहा हूं कि सबसे अच्छा अभ्यास क्या है या कोई वास्तविक अंतर करता है? एक अवधि में दोनों तत्वों को लपेटें <div className="top-element-formatting"> <span>Hello </span> <span className="second-word-formatting">World!</span> </div> उन्हें एक पंक्ति में जोड़ें <div className="top-element-formatting"> …

96 javascript  reactjs  react-jsx 

मैं एक पाठ संपादक के रूप में उदात्त पाठ का उपयोग कर रहा हूं। जावास्क्रिप्ट फ़ाइलों को प्रारूपित करने के लिए एक jsFormat है, लेकिन मुझे JSX के लिए एक नहीं मिल रहा है। आप लोग JSX को फ़ॉर्मेट करने से कैसे निपटते हैं?

91 reactjs  sublimetext  react-jsx 

मैं escapeप्रेस पर सक्रिय प्रतिक्रिया बूटस्ट्रैप पॉपओवर को बंद करना चाहता हूं। यह कोड है _handleEscKey:function(event){ console.log(event); if(event.keyCode == 27){ this.state.activePopover.hide(); } }, componentWillMount:function(){ BannerDataStore.addChangeListener(this._onchange); document.addEventListener("click", this._handleDocumentClick, false); document.addEventListener("keyPress", this._handleEscKey, false); }, componentWillUnmount: function() { BannerDataStore.removeChangeListener(this._onchange); document.removeEventListener("click", this._handleDocumentClick, false); document.removeEventListener("keyPress", this._handleEscKey, false); }, लेकिन किसी भी कुंजी को दबाते समय …

86 reactjs  react-jsx  react-bootstrap