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

আমি একটি jQuery উপাদানকে React.js এ রূপান্তর করার চেষ্টা করছি এবং যে জিনিসগুলির সাথে আমার অসুবিধা হচ্ছে তার মধ্যে একটি হ'ল লুপের উপর ভিত্তি করে এন সংখ্যাগুলির রেন্ডারিং করা। আমি বুঝতে পারি এটি সম্ভব নয়, বা প্রস্তাবিত এবং এটি যেখানে মডেলটিতে একটি অ্যারে উপস্থিত থাকে এটি ব্যবহারের সম্পূর্ণ ধারণা দেয় …

145 javascript  jquery  reactjs  react-jsx 

React.js এ কৌণিকের $ ঘড়ির কার্য সমান কী? আমি রাষ্ট্রের পরিবর্তনগুলি শুনতে এবং getSearchResults () এর মতো কোনও ফাংশনটিতে কল করতে চাই। componentDidMount: function() { this.getSearchResults(); }

143 javascript  reactjs 

দেখে মনে হচ্ছে componentWillReceivePropsএকটি নতুন লাইফসাইकल পদ্ধতির পক্ষে getDerivedStateFromProps: স্ট্যাটিক গেটডেরাইভস্টেটফ্রোমপ্রসেস () প্রকাশিত আসার ক্ষেত্রে সম্পূর্ণ পর্যায়ক্রমে বের হয়ে যাচ্ছে । পরিদর্শন করার পরে, এটা দেখে মনে হচ্ছে আপনি এখন মধ্যে একটি সরাসরি তুলনা করতে অক্ষম this.propsএবং nextProps, মত আপনি তে componentWillReceiveProps। এই কাছাকাছি কোন উপায় আছে? এছাড়াও, এটি এখন …

142 javascript  reactjs  lifecycle 

এখানে সম্পূর্ণ কোড: https://gist.github.com/js08/0ec3d70dfda76d7e9fb4 ওহে, আমার একটি অ্যাপ্লিকেশন রয়েছে যেখানে এটি বিল্ড পরিবেশের ভিত্তিতে ডেস্কটপ এবং মোবাইলের জন্য বিভিন্ন টেম্পলেটগুলি দেখায় lates যেখানে আমার মোবাইল টেম্পলেটটির জন্য নেভিগেশন মেনুটি লুকিয়ে রাখতে হবে সেখানে আমি এটি সফলভাবে বিকাশ করতে সক্ষম হয়েছি। এই মুহুর্তে আমি একটি পরীক্ষার কেস লিখতে সক্ষম হয়েছি যেখানে …

142 reactjs  mocha  redux 

আমি useEffectনীচের মতো উদাহরণটি চেষ্টা করছিলাম : useEffect(async () => { try { const response = await fetch(`https://www.reddit.com/r/${subreddit}.json`); const json = await response.json(); setPosts(json.data.children.map(it => it.data)); } catch (e) { console.error(e); } }, []); এবং আমি আমার কনসোলটিতে এই সতর্কতা পেয়েছি। তবে আমার মনে হয় অ্যাসিঙ্ক কলগুলির জন্য ক্লিনআপটি alচ্ছিক। …

142 javascript  reactjs  react-hooks 

এটি দেখার সঠিক উপায়টি কী তা আগ্রহী: var Hello = React.createClass({ getInitialState: function() { return {total: 0, input1:0, input2:0}; }, render: function() { return ( <div>{this.state.total}<br/> <input type="text" value={this.state.input1} onChange={this.handleChange} /> <input type="text" value={this.state.input2} onChange={this.handleChange} /> </div> ); }, handleChange: function(e){ this.setState({ ??? : e.target.value}); t = this.state.input1 + this.state.input2; …

141 javascript  reactjs  jsx 

সম্প্রতি, আমি ফেসবুকের প্রতিক্রিয়া কাঠামোর দিকে তাকিয়েছি । এটি "ভার্চুয়াল ডোম" নামে একটি ধারণা ব্যবহার করে যা আমি সত্যিই বুঝতে পারি নি। ভার্চুয়াল ডিওএম কী? সুবিধা কি?

141 javascript  reactjs 

আমি একটি প্রতিক্রিয়া প্রকল্প পরিচালনা করতে ওয়েবপ্যাকটি ব্যবহার করছি । আমি ওয়েবপ্যাকের মাধ্যমে জাভাস্ক্রিপ্টে চিত্রগুলি লোড করতে চাই । নীচে ওয়েবপ্যাক.কমফিগ.জেএস :file-loader const webpack = require('webpack'); const path = require('path'); const NpmInstallPlugin = require('npm-install-webpack-plugin'); const PATHS = { react: path.join(__dirname, 'node_modules/react/dist/react.min.js'), app: path.join(__dirname, 'src'), build: path.join(__dirname, './dist') }; module.exports = …

141 javascript  reactjs  webpack 

আমার প্রতিক্রিয়া এবং টাইপ করা বিষয় অ্যাপ্লিকেশন, আমি ব্যবহার করুন: onChange={(e) => data.motto = (e.target as any).value}। আমি কীভাবে ক্লাসের জন্য টাইপগুলি সঠিকভাবে সংজ্ঞায়িত করব, তাই আমাকে টাইপ সিস্টেমের সাথে আমার পথটি হ্যাক করতে হবে না any? export interface InputProps extends React.HTMLProps<Input> { ... } export class Input extends React.Component<InputProps, …

141 reactjs  typescript  types  typescript-typings 

আমি রিএ্যাকটিজেএসে আমার প্রথম পদক্ষেপ নিচ্ছি এবং পিতা-মাতা এবং বাচ্চাদের মধ্যে যোগাযোগ বোঝার চেষ্টা করছি। আমি ফর্ম তৈরি করছি, তাই আমার স্টাইলিং ক্ষেত্রগুলির জন্য উপাদান রয়েছে। এবং আমার প্যারেন্ট উপাদান রয়েছে যা ক্ষেত্র এবং এটি পরীক্ষা করে। উদাহরণ: var LoginField = React.createClass({ render: function() { return ( <MyField icon="user_icon" placeholder="Nickname" …

140 javascript  reactjs 

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

139 javascript  reactjs  state  setstate 

componentDidMount()প্রতিক্রিয়া নেটিভ এ্যাসিঙ্ক ফাংশন হিসাবে ব্যবহার করা ভাল অভ্যাস হিসাবে ব্যবহার করা উচিত বা আমার এড়ানো উচিত? AsyncStorageউপাদানটি মাউন্ট করার সময় থেকে আমার কিছু তথ্য নেওয়া দরকার , তবে এটি সম্ভব করার জন্য আমি জানার একমাত্র componentDidMount()উপায়টি হ'ল ফাংশনটিকে অ্যাসিঙ্ক করা। async componentDidMount() { let auth = await this.getAuth(); if …

139 reactjs  asynchronous  react-native 

আমি প্রতিক্রিয়ার সাথে টাইপস্ক্রিপ্ট ব্যবহার করছি। রেফগুলি কীভাবে ব্যবহার করতে হয় তা বুঝতে আমার সমস্যা হচ্ছে যাতে রেফগুলি দ্বারা রেফারেন্সযুক্ত নোডগুলির সাথে স্থিতিশীল টাইপিং এবং ইন্টেলিসেন্স পাওয়া যায়। আমার কোডটি নিম্নরূপ। import * as React from 'react'; interface AppState { count: number; } interface AppProps { steps: number; } interface …

139 reactjs  typescript 

আমি বর্তমানে টাইপস্ক্রিপ্টে একটি প্রতিক্রিয়া অ্যাপ্লিকেশন স্থানান্তরিত করছি। এখনও অবধি, এটি বেশ ভালভাবে renderকাজ করে তবে আমার ফাংশনগুলির উপাদানগুলি যথাক্রমে আমার ফাংশনগুলির রিটার্নের ধরণের সাথে একটি সমস্যা আছে । এখনও অবধি, আমি সর্বদা JSX.Elementরিটার্নের ধরণ হিসাবে ব্যবহার করেছি , এখন কোনও উপাদান কোনও রেন্ডার না করার সিদ্ধান্ত নেয় , অর্থাত্ …

139 javascript  reactjs  typescript 

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

138 django  reactjs