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

मैं 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 

जब आप इनलाइन स्टाइल करते हैं, तो आप ReactJS में एक हॉवर ईवेंट या सक्रिय ईवेंट कैसे प्राप्त कर सकते हैं? मैंने पाया है कि onMouseEnter, onMouseLeave दृष्टिकोण छोटी गाड़ी है, इसलिए उम्मीद है कि इसे करने का एक और तरीका है। विशेष रूप से, यदि आप एक घटक पर …

101 javascript  css  reactjs  mouseevent  dom-events 

मैंने iOS और Android दोनों के लिए ReactNative के साथ एक ऐप बनाया है ListView। मान्य डेटा स्रोत के साथ सूची को पॉप्युलेट करते समय, निम्न चेतावनी स्क्रीन के नीचे मुद्रित होती है: चेतावनी: एक सरणी या पुनरावृत्त में प्रत्येक बच्चे के पास एक अद्वितीय "कुंजी" प्रोप होना चाहिए। की …

101 facebook  listview  reactjs  react-native 

मूल रूप से, मेरे पास एक प्रतिक्रिया घटक है, इसका render()फ़ंक्शन बॉडी नीचे है: (यह मेरा आदर्श है, जिसका अर्थ है कि यह वर्तमान में काम नहीं करता है) render(){ return ( <div> <Element1/> <Element2/> // note: code does not work here if (this.props.hasImage) <MyImage /> else <OtherElement/> </div> ) …

101 reactjs 

इस कोड को ध्यान में रखते हुए: var Component = React.createClass({ getInitialState: function () { return {position: 0}; }, componentDidMount: function () { setTimeout(this.setState({position: 1}), 3000); }, render: function () { return ( <div className="component"> {this.state.position} </div> ); } }); ReactDOM.render( <Component />, document.getElementById('main') ); क्या राज्य केवल 3 सेकंड …

100 javascript  reactjs 

सिंगल लाइन ठीक काम करती है render: function () { return ( {[1,2,3].map(function (n) { return <p>{n}</p> }} ); } कई लाइनों के लिए नहीं render: function () { return ( {[1,2,3].map(function (n) { return ( <h3>Item {n}</h3> <p>Description {n}</p> ) }} ); } धन्यवाद।

100 reactjs 

मेरे पास एक घटक है जो मैंने बनाया है: class Create extends Component { constructor(props) { super(props); } render() { var playlistDOM = this.renderPlaylists(this.props.playlists); return ( <div> {playlistDOM} </div> ) } activatePlaylist(playlistId) { debugger; } renderPlaylists(playlists) { return playlists.map(playlist => { return <div key={playlist.playlist_id} onClick={this.activatePlaylist(playlist.playlist_id)}>{playlist.playlist_name}</div> }); } } function mapStateToProps(state) …

100 javascript  reactjs  redux 

मैं सिर्फ Reactjs से शुरुआत कर रहा हूं और liटैग प्रदर्शित करने के लिए एक सरल घटक लिख रहा था और इस त्रुटि के पार आया: अप्रत्याशित टोकन '<' मैंने jsbin पर नीचे उदाहरण दिया है http://jsbin.com/UWOquRA/1/edit?html,js,console,output कृपया मुझे बताएं कि मैं क्या गलत कर रहा हूं।

99 reactjs 

मैं प्रतिक्रिया-राउटर का उपयोग करके एक प्रतिक्रिया एप्लिकेशन पर काम कर रहा हूं। मेरे पास एक परियोजना पृष्ठ है जिसमें एक यूआरएल इस प्रकार है: myapplication.com/project/unique-project-id जब प्रोजेक्ट कंपोनेंट लोड होता है, तो मैं कंपोनेंटडिमाउंट इवेंट से उस प्रोजेक्ट के लिए डेटा अनुरोध ट्रिगर करता हूं। मैं अब एक ऐसे …

99 reactjs  react-router 

इसलिए यहाँ ES6 के माध्यम से वेबपैक में चित्र और आइकन आयात करने के लिए मेरा वर्तमान वर्कफ़्लो है: import cat from './images/cat1.jpg' import cat2 from './images/cat2.svg' import doggy from './images/doggy.png' import turtle from './images/turtle.png' <img src={doggy} /> इससे गड़बड़ जल्दी हो जाती है। यहाँ मैं क्या चाहता हूँ: import …

99 reactjs  webpack  ecmascript-6 

मेरे पास दो घटक हैं: मूल घटक जिसमें से मैं बच्चे के घटक की स्थिति बदलना चाहता हूं: class ParentComponent extends Component { toggleChildMenu() { ????????? } render() { return ( <div> <button onClick={toggleChildMenu.bind(this)}> Toggle Menu from Parent </button> <ChildComponent /> </div> ); } } और बाल घटक : class …

99 javascript  reactjs 

पैरामीटर के बिना function clickMe(e){ //e is the event } <button onClick={this.clickMe}></button> पैरामीटर के साथ function clickMe(parameter){ //how to get the "e" ? } <button onClick={() => this.clickMe(someparameter)}></button> मैं पाना चाहता हूं event। मैं इसे कैसे प्राप्त कर सकता हूँ?

99 javascript  reactjs  events  dom-events 

मेरे पास एक फ़ंक्शन घटक है, और मैं इसे फिर से प्रस्तुत करने के लिए मजबूर करना चाहता हूं। ऐसा मैं किस प्रकार करूं? चूंकि कोई उदाहरण नहीं है this, इसलिए मैं फोन नहीं कर सकता this.forceUpdate()।

99 javascript  reactjs 

इसलिए मेरे पास यह है: let total = newDealersDeckTotal.reduce(function(a, b) { return a + b; }, 0); console.log(total, 'tittal'); //outputs correct total setTimeout(() => { this.setState({dealersOverallTotal: total}); }, 10); console.log(this.state.dealersOverallTotal, 'dealersOverallTotal1'); //outputs incorrect total newDealersDeckTotal संख्याओं का एक मात्र [1, 5, 9]उदाहरण है, हालाँकि this.state.dealersOverallTotalसही कुल नहीं देता है लेकिन …

99 javascript  reactjs  state  setstate 

मेरे पास कुछ आंकड़े हैं जिन्हें स्टेशन कहा जाता है जो एक सरणी है जिसमें ऑब्जेक्ट हैं। stations : [ {call:'station one',frequency:'000'}, {call:'station two',frequency:'001'} ] मैं प्रत्येक सरणी स्थिति के लिए एक ui घटक प्रस्तुत करना चाहते हैं। अब तक मैं लिख सकता हूं var stationsArr = [] for (var …

98 javascript  reactjs