প্রশ্ন ট্যাগ «reactjs»

আমি বর্তমানে প্রতিক্রিয়া-নেটিভ টিউটোরিয়ালগুলি দিয়ে যাচ্ছি। আমি শুরু করার টিউটোরিয়াল দিয়ে শুরু করেছি, যেখানে আমি একটি নতুন প্রতিক্রিয়া নেটিভ প্রকল্প তৈরি করেছি এবং সফলভাবে আমার ডিভাইসে প্রকল্পটি পরিচালনা করতে সক্ষম হয়েছি। আমি তখন প্রপস টিউটোরিয়াল শুরু করেছি, আমি কোড স্নিপেটটি অনুলিপি করে আবার প্রকল্পটি চালানোর চেষ্টা করেছি এবং আমার স্ক্রিনে …

166 javascript  facebook  reactjs  react-native 

http://catfacts-api.appspot.com/api/facts?number=99পোস্টম্যানের মাধ্যমে আমি এই শেষ পয়েন্টটি আঘাত করতে পারি এবং এটি ফিরে আসেJSON অতিরিক্তভাবে আমি তৈরি-প্রতিক্রিয়া-অ্যাপ ব্যবহার করছি এবং কোনও সার্ভার কনফিগারেশন সেট আপ করা এড়াতে চাই। আমার ক্লায়েন্ট কোডে আমি fetchএকই জিনিসটি ব্যবহার করার চেষ্টা করছি , তবে আমি ত্রুটি পেয়েছি: অনুরোধকৃত উত্সটিতে কোনও 'অ্যাক্সেস-কন্ট্রোল-অলজন-অরিজিন' শিরোনাম উপস্থিত নেই। উত্স …

166 javascript  reactjs  cors  create-react-app  fetch-api 

প্রতিক্রিয়া ১.2.২-তে, উন্নত সমর্থন Fragmentsযুক্ত করা হয়েছে প্রতিক্রিয়ার ব্লগ পোস্টে আরও তথ্য পাওয়া যাবে এখানে। আমরা সবাই নিম্নলিখিত কোডের সাথে পরিচিত: render() { return ( // Extraneous div element :( <div> Some text. <h2>A heading</h2> More text. <h2>Another heading</h2> Even more text. </div> ); } হ্যাঁ, আমাদের একটি ধারক ডিভ …

165 reactjs 

আমি একটি প্রতিক্রিয়া উপাদান লিখতে চেষ্টা করি। এইচটিএমএল শিরোনাম ট্যাগগুলির জন্য (এইচ 1, এইচ 2, এইচ 3, ইত্যাদি ...), যেখানে শিরোনামের অগ্রাধিকারটি প্রপসগুলিতে আমরা নির্ধারিত অগ্রাধিকারের ভিত্তিতে গতিশীল পরিবর্তন করে। এখানে আমি যা করার চেষ্টা করি। <h{this.props.priority}>Hello</h{this.props.priority}> প্রত্যাশিত আউটপুট: <h1>Hello</h1> এটি কাজ করছে না। এটি করার কোনও সম্ভাব্য পদ্ধতি আছে?

162 reactjs  jsx 

কেউ পার্থক্য ব্যাখ্যা করতে পারেন <Route exact path="/" component={Home} /> এবং <Route path="/" component={Home} /> আমি 'সঠিক' এর অর্থ জানি না

162 reactjs  react-router  react-router-dom 

আমার নিম্নলিখিত অবস্থা রয়েছে: this.setState({ selected: { id: 1, name: 'Foobar' } }); তারপরে আমি রাষ্ট্রটি আপডেট করি: this.setState({ selected: { name: 'Barfoo' }}); setStateমনে হয় যেহেতু মার্জ করার জন্য আমি এটিটি আশা করব: { selected: { id: 1, name: 'Barfoo' } }; তবে পরিবর্তে এটি আইডি খায় এবং রাষ্ট্রটি …

160 javascript  reactjs 

react-native run-androidকমান্ড অ্যান্ড্রয়েড সিমুলেটারে একটি বার্তা রেখে শেষ হয়। বার্তাটি নিম্নরূপ: স্ক্রিপ্ট লোড করতে অক্ষম sure আপনি মেট্রো সার্ভারটি চালাচ্ছেন বা আপনার বান্ডিল 'index.android.bundle' মুক্তির জন্য সঠিকভাবে প্যাকেজ হয়েছে তা নিশ্চিত করুন। আমি কি ভুল করছি?

160 reactjs  react-native  react-native-android  react-native-cli  metro-bundler 

আমি কীভাবে রিঅ্যাক্টজেএসে ভিউপোর্টের উচ্চতা পেতে পারি? সাধারণ জাভাস্ক্রিপ্টে আমি ব্যবহার করি window.innerHeight() কিন্তু রিএ্যাকটিজেএস ব্যবহার করে, আমি কীভাবে এই তথ্য পাব তা নিশ্চিত নই। আমার বোঝাপড়া এটি ReactDOM.findDomNode() শুধুমাত্র তৈরি উপাদানগুলির জন্য কাজ করে। তবে এটি উপাদান documentবা bodyউপাদানটির ক্ষেত্রে নয় , যা আমাকে উইন্ডোর উচ্চতা দিতে পারে।

159 javascript  reactjs  window  viewport 

এখানে আমি কী চেষ্টা করেছি এবং কীভাবে ভুল হয় Here এইটা কাজ করে: <div dangerouslySetInnerHTML={{ __html: "<h1>Hi there!</h1>" }} /> এটি করে না: <div dangerouslySetInnerHTML={{ __html: this.props.match.description }} /> বর্ণনা বৈশিষ্ট্যটি এইচটিএমএল সামগ্রীর সাধারণ স্ট্রিং। তবে এটি কোনও স্ট্রিং হিসাবে রেন্ডার করা হয়েছে, কোনও কারণে HTML হিসাবে নয়। কোনও পরামর্শ?

159 javascript  html  reactjs  jsx 

উপাদানটির সাহায্যে দর্শনগুলির মধ্যে কাস্টম নেভিগেশন সহ একটি ডেমো অ্যাপ্লিকেশন বিকাশের সময় আমি প্রতিক্রিয়াশীল নেটিভের সম্ভাবনাগুলি অন্বেষণ করছি ।Navigator প্রধান অ্যাপ্লিকেশন শ্রেণি নেভিগেটরকে রেন্ডার করে এবং অভ্যন্তরীণ renderSceneরিটার্নগুলিকে উপাদানটি পাস করে: class App extends React.Component { render() { return ( <Navigator initialRoute={{name: 'WelcomeView', component: WelcomeView}} configureScene={() => { return Navigator.SceneConfigs.FloatFromRight; …

158 javascript  ios  navigation  reactjs  react-native 

var MySelect = React.createClass({ change: function(){ return document.querySelector('#lang').value; }, render: function(){ return( <div> <select id="lang"> <option value="select" onChange={this.change}>Select</option> <option value="Java" onChange={this.change}>Java</option> <option value="C++" onChange={this.change}>C++</option> </select> <p></p> <p value={this.change}></p> </div> ); } }); React.render(<MySelect />, document.body); onChangeঘটনা কাজ করে না।

158 javascript  reactjs 

আমাকে নিয়মিত ক্লাসগুলির তালিকায় একটি গতিশীল ক্লাস যুক্ত করতে হবে, তবে কীভাবে (আমি বাবেলটি ব্যবহার করছি), এরকম কিছু সম্পর্কে কোনও ধারণা নেই: <div className="wrapper searchDiv {this.state.something}"> ... </div> কোন ধারনা?

158 css  reactjs 

আমি কিছু কোড লিখেছি: function renderGreeting(Elem: React.Component<any, any>) { return <span>Hello, <Elem />!</span>; } আমি একটি ত্রুটি পাচ্ছি: জেএসএক্স উপাদান ধরণের Elemকোনও নির্মাণ বা কল স্বাক্ষর নেই এর মানে কী?

158 reactjs  typescript  material-ui 

রিব্যাক্টে কোনও উপাদানকে পুনরায় রেন্ডার করার কারণে ডিবাগ করার জন্য কি কোনও নিয়মতান্ত্রিক পন্থা রয়েছে? এটি কত সময় রেন্ডার করে তা দেখতে আমি একটি সাধারণ কনসোল.লগ () রেখেছি, তবে উপাদানটি আমার ক্ষেত্রে একাধিকবার (4 বার) রেন্ডার করছে কি তা নির্ধারণ করতে সমস্যা হচ্ছে। এমন কোনও সরঞ্জাম রয়েছে যা একটি টাইমলাইন …

156 reactjs  redux 

প্রতিক্রিয়াটির কোঁকড়ানো ধনুর্বন্ধনী স্বরলিপি এবং একটি hrefট্যাগ অন্তর্ভুক্ত করার জন্য কি কোনও উপায় আছে ? বলুন আমাদের রাজ্যে নিম্নলিখিত মান রয়েছে: {this.state.id} এবং একটি ট্যাগে নিম্নলিখিত এইচটিএমএল বৈশিষ্ট্য: href="#demo1" id="demo1" এই idজাতীয় কিছু পাওয়ার জন্য কি এই উপায়টি এইচটিএমএল বৈশিষ্ট্যের সাথে আমি যুক্ত করতে পারি? href={"#demo + {this.state.id}"} যা ফল …

156 javascript  html  reactjs  ecmascript-6