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

मैंने eslint-config-airbnb स्थापित किया है, जो प्रतिक्रिया के लिए ESLINT को पूर्व कॉन्फ़िगर करने वाला है: हमारे डिफ़ॉल्ट निर्यात में हमारे सभी ESLint नियम शामिल हैं, जिनमें ECMAScript 6+ और प्रतिक्रिया शामिल है। इसके लिए eslint, eslint-plugin-import, eslint-plugin-reaction और eslint-plugin-jsx-a11y की आवश्यकता होती है। मेरा .eslintrcविन्यास इसके विस्तार: { "extends": …

102 javascript  reactjs  eslint  eslint-config-airbnb 

मेरे पास एक घटक है जो Arring of String प्रदर्शित करने जा रहा है। कोड इस तरह दिखता है। React.createClass({ render() { <div> this.props.data.map(t => <span>t</span>) </div> } }) यह पूरी तरह से ठीक काम कर रहा है। अर्थात यदि props.data = ['tom', 'jason', 'chris'] पृष्ठ में प्रदान किया गया …

102 reactjs 

मैं राउटर को नया करने के लिए नया हूं और सीखता हूं कि किसी पृष्ठ को पुनर्निर्देशित करने के कई तरीके हैं: का उपयोग करते हुए browserHistory.push("/path") import { browserHistory } from 'react-router'; //do something... browserHistory.push("/path"); का उपयोग करते हुए this.context.router.push("/path") class Foo extends React.Component { constructor(props, context) { super(props, …

102 reactjs  redux  react-router 

मेरे पास एक घटक पुस्तकालय है जो मैं जेस्ट और प्रतिक्रिया-परीक्षण-पुस्तकालय का उपयोग करने के लिए इकाई परीक्षण लिख रहा हूं। कुछ प्रॉप्स या घटनाओं के आधार पर मैं यह सत्यापित करना चाहता हूं कि कुछ तत्वों का प्रतिपादन नहीं किया जा रहा है। getByText, getByTestIdआदि फेंक और त्रुटि react-testing-libraryअगर …

102 reactjs  jestjs  react-testing-library 

मैं अभी कुछ रिएक्ट कर रहा हूं और मैं सोच रहा था कि क्या सशर्त स्टाइलिंग करने का कोई "सही" तरीका है। ट्यूटोरियल में वे उपयोग करते हैं style={{ textDecoration: completed ? 'line-through' : 'none' }} मैं इनलाइन स्टाइल का उपयोग नहीं करना पसंद करता हूं इसलिए मैं सशर्त स्टाइल …

102 javascript  reactjs 

मैं मेन्यू घटक लिखकर, रिएक्ट्ज के साथ काम कर रहा हूं। "use strict"; var React = require("react"); var Menus = React.createClass({ item_url: function (item,categories,articles) { console.log('afdasfasfasdfasdf'); var url='XXX'; if (item.type == 1) { url = item.categoryId == null ? 'javascript:void(0)' : path('buex_portal_browse_category', {slug: categories[item.categoryId].slug}); } else if (item.type == 2) …

101 javascript  reactjs  this  map-function 

PropTypes और Flow समान चीजों को कवर करते हैं, लेकिन विभिन्न तरीकों का उपयोग कर रहे हैं। PropTypes आपको रनटाइम के दौरान चेतावनी दे सकता है, जो सर्वर से आने वाली विकृत प्रतिक्रियाओं को जल्दी से खोजने में मददगार हो सकता है, हालांकि, फ्लो भविष्य लगता है और जेनेरिक जैसी …

101 reactjs  flowtype  react-proptypes 

मेरी टीम और मुझे एक एंटरप्राइज़ स्तर वेब एप्लिकेशन विकसित करने के लिए धन प्राप्त हुआ है (यह क्या करता है, इसके विवरण में नहीं जाएगा)। एप्लिकेशन में कई अलग-अलग वेब पेज होंगे, लेकिन उनमें से दो पृष्ठ अधिक केंद्रित और बहुत भारी होंगे - बहुत अधिक उपयोगकर्ता इंटरैक्शन में, …

101 asp.net  angular  reactjs  razor 

मैं यह जांचना चाहता था कि जब आप इस का उपयोग करते हैं तो क्या होता है। कई बार (चर्चा के लिए 2 बार) शुरू करें। मैंने सोचा था कि घटक दो बार प्रस्तुत किया जाएगा, लेकिन जाहिर है कि यह केवल एक बार प्रदान किया गया है। मुझे एक …

101 javascript  reactjs 

मैं कुछ छोटी समस्या रिएक्ट-राउटर v3 से v4 की ओर पलायन कर रहा हूं। v3 में मैं कहीं भी ऐसा करने में सक्षम था: import { browserHistory } from 'react-router'; browserHistory.push('/some/path'); मैं इसे v4 में कैसे प्राप्त करूं। मुझे पता है कि withRouterजब आप एक घटक में होते हैं , …

101 reactjs  react-router 

मैंने सिर्फ टाइपस्क्रिप्ट के साथ create-react-app का उपयोग करना शुरू किया create-react-app my-app --scripts-version=react-scripts-ts और डिफ़ॉल्ट tslint.json कॉन्फ़िगरेशन कंसोल.log () की अनुमति नहीं देता है। मैं (अभी के लिए) कंसोल.लॉग को कैसे सक्षम कर सकता हूं? इसके लिए डॉक्स https://palantir.github.io/tslint/rules/no-console/ पर हैं । लेकिन वे यह नहीं कहते कि यह …

101 reactjs  typescript  create-react-app  tslint 

मेरे पास एक फ़ाइल है 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 

मैं प्रतिक्रिया पर नया हूं। क्या मैंने एक घटक को लागू किया है जिसमें मैं सर्वर से डेटा प्राप्त कर रहा हूं और इसका उपयोग करता हूं, जैसे: CallEnterprise:function(TenantId){ fetchData('http://xxx.xxx.xx.xx:8090/Enterprises?TenantId='+TenantId+' &format=json').then(function(enterprises) { EnterprisePerspectiveActions.getEnterprise(enterprises); }).catch(function() { alert("There was some issue in API Call please contact Admin"); //ComponentAppDispatcher.handleViewAction({ // actionType: MetaItemConstants.RECEIVE_ERROR, // …

101 javascript  reactjs  configuration  webpack  flux 

ReactJS में नियंत्रित घटक और अनियंत्रित घटक क्या हैं? वे एक दूसरे से अलग कैसे हैं?

101 reactjs  react-component 

मेरे पास बास्केटबॉल टीमों के एक समूह के साथ एक सिडेनव है। इसलिए मैं प्रत्येक टीम के लिए कुछ अलग प्रदर्शित करना चाहूंगा, जब उनमें से एक पर मँडरा जा रहा हो। इसके अलावा, मैं रिएक्टज का उपयोग कर रहा हूं ताकि अगर मेरे पास एक चर हो सकता है …

101 hover  reactjs