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

इसलिए मैंने एक सप्ताह पहले ही रिएक्ट सीखना शुरू कर दिया था और मुझे अनिवार्य रूप से राज्य की समस्या के बारे में पता चला और घटकों को बाकी ऐप के साथ संवाद करना चाहिए। मैंने चारों ओर खोज की और Redux को महीने का स्वाद प्रतीत हो रहा है। …

84 javascript  reactjs  state  immutability  redux 

मैं सामान्य डोम के CustomEventलिए जनक नोड्स से संवाद करने के लिए बना रहा हूं और सुन रहा हूं : बच्चे में: var moveEvent = new CustomEvent('the-graph-group-move', { detail: { nodes: this.props.nodes, x: deltaX, y: deltaY }, bubbles: true }); this.getDOMNode().dispatchEvent(moveEvent); जनक में: componentDidMount: function () { this.getDOMNode().addEventListener("the-graph-group-move", this.moveGroup); }, …

84 reactjs 

मैं प्रतिक्रिया के साथ एक लिंक दे रहा हूँ: render: -> `<a className="upvotes" onClick={this.upvote}>upvote</a>` फिर, ऊपर मेरे पास अपवोट फंक्शन है: upvote: -> // do stuff (ajax) लिंक से पहले मेरे पास उस स्थान पर स्पैन था, लेकिन मुझे लिंक करने के लिए स्विच करने की आवश्यकता है और यहां …

84 reactjs  hyperlink  coffeescript  preventdefault 

मैंने देखा कि रिएक्ट 16 डोम के माध्यम से विशेषताओं को पारित करने की अनुमति देता है। तो, इसका मतलब है कि क्लासनेम के बजाय 'क्लास' का इस्तेमाल किया जा सकता है, है ना? मैं सिर्फ सोच रहा हूँ कि वहाँ अभी भी वर्ग के नाम का उपयोग कर रहे …

84 reactjs 

एक बटन क्लिक को अनुकरण करना बहुत आसान / मानक संचालन जैसा लगता है। फिर भी, मैं Jest.js परीक्षणों में काम करने के लिए इसे प्राप्त नहीं कर सकता। यह वही है जो मैंने कोशिश की (और यह भी jQuery का उपयोग करके कर रहा है), लेकिन यह कुछ भी …

84 javascript  reactjs  testing  jestjs  enzyme 

रिएक्ट स्टेटलेस घटकों में ईवेंट हैंडलर बनाने के लिए एक इष्टतम तरीका जानने की कोशिश कर रहा है। मैं ऐसा कुछ कर सकता था: const myComponent = (props) => { const myHandler = (e) => props.dispatch(something()); return ( <button onClick={myHandler}>Click Me</button> ); } यहाँ दोष यह है कि हर बार …

84 javascript  reactjs 

मैं Reactjs राउटर से लिंक घटक का उपयोग कर रहा हूं और मुझे ऑनक्लाइक काम नहीं मिल सकता है। यह कोड है: <Link to={this.props.myroute} onClick='hello()'>Here</Link> क्या यह ऐसा करने का तरीका है या दूसरा तरीका है?

84 reactjs  react-router  react-redux 

मैं ReactJS में नया हूं। पहले मैंने किसी एनीमेशन या फीचर को सेट करने के लिए jQuery का उपयोग किया है जिसकी मुझे आवश्यकता थी। लेकिन अब मैं ReactJS का उपयोग करने और jQuery के उपयोग को कम करने की कोशिश कर रहा हूं। मेरा मामला है: मैं ReactJS के …

84 javascript  jquery  reactjs 

मेरे पास नीचे की तरह एक राउटर है: <Router history={hashHistory}> <Route path="/" component={App}> <IndexRoute component={Index}/> <Route path="login" component={Login}/> </Route> </Router> यहाँ मैं क्या हासिल करना चाहता हूँ: /loginयदि लॉग इन न हो तो उपयोगकर्ता को पुनर्निर्देशित करें यदि उपयोगकर्ता प्रवेश करने का प्रयास /loginकरते हैं, तो वे पहले से लॉग …

83 javascript  reactjs  react-router 

मैं अपने ajax अनुरोध किए जाने के बाद अपने घटक को प्रस्तुत करना चाहता हूं। नीचे आप मेरा कोड देख सकते हैं var CategoriesSetup = React.createClass({ render: function(){ var rows = []; $.get('http://foobar.io/api/v1/listings/categories/').done(function (data) { $.each(data, function(index, element){ rows.push(<OptionRow obj={element} />); }); return (<Input type='select'>{rows}</Input>) }) } }); लेकिन मुझे …

83 javascript  ajax  asynchronous  reactjs  jquery-deferred 

क्या किसी को पता है कि प्रतिक्रिया-राउटर में विशेष मार्गों तक पहुंच कैसे प्रतिबंधित करें? मैं जांचना चाहता हूं कि उपयोगकर्ता किसी विशेष मार्ग तक पहुंचने से पहले लॉग इन है या नहीं। मैंने सोचा कि यह सरल होगा, लेकिन डॉक्स स्पष्ट नहीं हैं कि यह कैसे करना है। क्या …

83 javascript  reactjs  react-router 

मैं इसे कैसे रेंडर करूं? <input id={field.name} className="form-control" type="text" placeholder={field.name} autocomplete="off" {...field}/>

83 html  reactjs  google-chrome 

इस React Router Dom v4 उदाहरण को देखते हुए https://reacttraining.com/react-router/web/example/auth-workflow मैं देखता हूं कि PrivateRoute घटक इस तरह एक बाकी प्रोप को नष्ट कर देता है const PrivateRoute = ({ component: Component, ...rest }) => ( <Route {...rest} render={props => ( fakeAuth.isAuthenticated ? ( <Component {...props}/> ) : ( <Redirect …

83 reactjs  react-router 

मैं अपनी प्रतिक्रिया घटकों का निर्माण करने के लिए वेबपैक का उपयोग कर रहा हूं और extract-text-webpack-pluginअपनी जेनरेट की गई जेएस फाइल से अपनी सीएसएस को अलग करने के लिए उपयोग करने का प्रयास कर रहा हूं । हालाँकि, जब मैं घटक बनाने का प्रयास करता हूं तो मुझे निम्नलिखित …

82 reactjs  webpack 

ज्यादातर मामलों में, माता-पिता का टैग होना कोई समस्या नहीं है। React.createClass({ render: function() { return ( <tbody> <tr><td>Item 1</td></tr> <tr><td>Item 2</td></tr> </tbody> ); } }); लेकिन कुछ मामले ऐसे होते हैं, जिनमें एक अभिभावक के बिना एक रेंडर फंक्शन में सिबलिंग एलीमेंट्स का होना मायने रखता है, और विशेष …

82 reactjs