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

আমি সম্প্রতি এক্সপো দিয়ে টাইপস্ক্রিপ্ট ব্যবহার শুরু করেছি। আমি সমস্ত লিটার / ফর্ম্যাটর সংহতগুলি করেছি typescript-eslintতাই কোডিংয়ের সময় আমি বেশিরভাগ ত্রুটি ধরতে পারি। কোডটি কম্পাইল করে কিনা তা পরীক্ষা করতে আমি npx tscএকবারে একবারে চালাচ্ছি এবং সে অনুযায়ী ঠিক করে ফেলছি। একটি জিনিস যা আমি এখনও পুরোপুরি উপলব্ধি করতে পারি …

15 reactjs  typescript  react-native  expo 

আমি Next.js এ নতুন এবং আমি ভাবছি যে উদাহরণস্বরূপ কীভাবে প্রারম্ভিক পৃষ্ঠা ( / ) থেকে / হ্যালো-নেক্সটজেসে পুনর্নির্দেশ করা যায় । একবার ব্যবহারকারী কোনও পৃষ্ঠা লোড করে এবং তারপরে নির্ধারণ করে যে পথ === / / হ্যালো-নেক্সটজেসে পুনঃনির্দেশ করুন কিনা ইন প্রতিক্রিয়া-রাউটার আমরা ভালো কিছু করতে: <Switch> <Route path="/hello-nextjs" …

15 html  reactjs  routing  react-router  next.js 

আমি একটি প্রতিক্রিয়া-রাউটার-ডোম রুটের ভিত্তিতে বিশদ ভিউ লোড করার চেষ্টা করছি যা ইউআরএল প্যারামিটার (আইডি) দখল করে এবং উপাদানটি আরও জনপ্রিয় করতে এটি ব্যবহার করবে। আমার রুটটি দেখতে দেখতে /task/:idএবং আমার উপাদানটি ঠিক আছে, যতক্ষণ না আমি URL টি আইডিটি ইউআরএল থেকে ধরার চেষ্টা করি: import React from "react"; import …

14 reactjs  react-router 

আমি দেখতে পাচ্ছি যে রিঅ্যাক্ট.ফরওয়ার্ড রেফটি শিশুটির ক্রিয়াকলাপী উপাদানগুলিতে একটি প্রতিক্রিয়া দেওয়ার জন্য অনুমোদিত প্রতিক্রিয়া বলে মনে হচ্ছে, প্রতিক্রিয়া দস্তাবেজগুলি থেকে: const FancyButton = React.forwardRef((props, ref) => ( <button ref={ref} className="FancyButton"> {props.children} </button> )); // You can now get a ref directly to the DOM button: const ref = React.createRef(); …

13 javascript  reactjs  performance 

আমি create-react-appডকগুলিতে প্রদত্ত কমান্ডটি ব্যবহার করে একটি নতুন প্রকল্প তৈরি করার চেষ্টা করছি অর্থাৎ npx create-react-app my-appএটিতে public srcএবং এর মতো ফোল্ডার নেই script।

13 reactjs  create-react-app 

আমি দু'জনের মতো সংজ্ঞা দিয়ে গিয়েছি: খাঁটি ফাংশনগুলি এমন হয় যা তাদের ইনপুটগুলি পরিবর্তন করার চেষ্টা করে না এবং সর্বদা একই ফলাফলগুলির জন্য একই ফলাফলটি ফেরত দেয়। উদাহরণ function sum(a, b) { return a + b; } এবং অপরিষ্কার ফাংশন হ'ল এটির নিজস্ব ইনপুট পরিবর্তন করে। উদাহরণ function withdraw(account, amount) …

12 javascript  reactjs  redux 

আমি একটি শেয়ারযোগ্য প্রতিক্রিয়া উপাদান লাইব্রেরি তৈরি করছি। লাইব্রেরিতে অনেকগুলি উপাদান রয়েছে তবে শেষ ব্যবহারকারীর কেবল সেগুলির কয়েকটি ব্যবহারের প্রয়োজন হতে পারে। আপনি যখন ওয়েবপ্যাক (বা পার্সেল বা রোলআপ) দিয়ে কোড বান্ডেল করেন এটি সমস্ত কোড সহ একটি একক ফাইল তৈরি করে । কার্য সম্পাদনের কারণে আমি ব্রাউজারের দ্বারা ডাউনলোড …

12 reactjs  npm  webpack  es6-modules  rollup 

আমি কীভাবে পপআপ ( window.open) ব্যবহার করে প্রতিক্রিয়াতে OAuth প্রয়োগ করতে আগ্রহী । উদাহরণস্বরূপ আমার আছে: mysite.com - আমি এখানে পপআপ খুলি। passport.mysite.com/oauth/authorize - পপআপ মূল প্রশ্নটি কীভাবে window.open(পপআপ) এবং window.opener(যেমন এটি উইন্ডোটিপেনার হিসাবে পরিচিত তা ক্রস-ডোমেন সুরক্ষার কারণে বাতিল হয়ে যায় তাই আমরা আর এটি ব্যবহার করতে পারি না)। …

12 javascript  reactjs  oauth  popup  authorization 

আমি Autocompleteইনপুট ট্যাগগুলির জন্য উপাদানটি ব্যবহার করতে চাই । আমি ট্যাগগুলি পাওয়ার এবং সেগুলিকে একটি স্টেটে সংরক্ষণ করার চেষ্টা করছি যাতে আমি পরে সেগুলি ডেটাবেসে সংরক্ষণ করতে পারি। আমি প্রতিক্রিয়া ক্লাস পরিবর্তে ফাংশন ব্যবহার করছি। আমি চেষ্টা করেছিলাম onChange, কিন্তু আমি কোনও ফল পাইনি। <div style={{ width: 500 }}> <Autocomplete …

12 reactjs  material-ui 

প্রতিক্রিয়া হুকস আমাদের ব্যবহারের স্টেট বিকল্প দেয় এবং আমি সবসময় হুক বনাম শ্রেণি-রাজ্যের তুলনা দেখি। তবে হুকস এবং কিছু নিয়মিত ভেরিয়েবল সম্পর্কে কী বলা যায়? উদাহরণ স্বরূপ, function Foo() { let a = 0; a = 1; return <div>{a}</div>; } আমি হুক ব্যবহার করিনি, এবং এটি আমাকে একই ফলাফল দেবে: …

12 javascript  node.js  reactjs  react-hooks 

এটি আমার উপাদান আমি ডিভের রুটটি পরিবর্তন করতে ইনলাইন তীর ফাংশনটি ব্যবহার করছি onClickতবে আমি জানি যে এটি কার্য সম্পাদনের দিক থেকে ভাল নয় is 1. ইনলাইন তীর ফাংশন changeRoute (routeName) { console.log(routeName) } render() { return ( <> <div onClick={() => this.changeRoute("page1")}>1</div> <div onClick={() => this.changeRoute("page2")}>2</div> </> ) } …

11 javascript  reactjs 

সতর্কতা উপাদানটি ব্যবহার করার জন্য আমি উপাদান-ui / ল্যাব ইনস্টল করেছি, তবে যখনই আমি এটি দিয়ে আমদানি করি: import Alert from '@material-ui/lab/Alert'; এটি এই ত্রুটিটি সংকলন করতে এবং নিক্ষেপ করতে ব্যর্থ হয়: ./node_modules/@material-ui/lab/esm/internal/svg-icons/SuccessOutlined.js Attempted import error: 'createSvgIcon' is not exported from '@material-ui/core/utils'. সুতরাং আমি এই সমস্যাটি গুগল করার চেষ্টা করেছি …

11 javascript  node.js  reactjs  material-ui 

আমি ব্রাউজারে আমার প্রকল্পটি চালানোর সময় আমি নিম্নলিখিত ত্রুটিটি পেয়েছি: সংকলন করতে ব্যর্থ: ./node_modules/@material-ui/lab/esm/internal/svg-icons/Close.js Attempted import error: 'createSvgIcon' is not exported from '@material-ui/core/utils'. আমি স্বতঃসম্পূর্ণ উপাদানটি প্রয়োগ করার চেষ্টা করছি ("একাধিক মান" বিভাগের উদাহরণ থেকে)। আমি যে কোডটি ব্যবহার করছি তা এখানে: import React from 'react'; import Chip from '@material-ui/core/Chip'; …

11 reactjs  typescript  material-ui 

আমি <If />প্রতিক্রিয়াটি ব্যবহার করে একটি সাধারণ ফাংশন উপাদান তৈরি করেছি : import React, { ReactElement } from "react"; interface Props { condition: boolean; comment?: any; } export function If(props: React.PropsWithChildren<Props>): ReactElement | null { if (props.condition) { return <>{props.children}</>; } return null; } এটি আমাকে একটি ক্লিনার কোড লিখতে …

11 javascript  reactjs  typescript 

টি এল; ডিআর যখন তার অধীনে থাকা প্রতিটি সন্তানের উপাদানটির রেন্ডারিং শেষ হয়ে যায় এবং তার ডেম ব্যবহারকারীর কাছে তার সর্বোচ্চ আপ টু ডেট সংস্করণ থাকে তখন কীভাবে পিতা-মাতা উপাদান জানতে পারে? আসুন ধরা যাক আমার একটি আছে component Aযাতে নাতি-নাতনী উপাদানগুলির Gridসমন্বয়ে একটি শিশু উপাদান রয়েছে 3x3। এই নাতি-নাতনী …

11 reactjs