প্রশ্ন ট্যাগ «react-hooks»

আমি যখন হোঁচট খেয়েছিলাম তখন আমি হুকস ডকুমেন্টেশনটি দিয়ে যাচ্ছিলাম useRef। তাদের উদাহরণের দিকে তাকিয়ে… function TextInputWithFocusButton() { const inputEl = useRef(null); const onButtonClick = () => { // `current` points to the mounted text input element inputEl.current.focus(); }; return ( <> <input ref={inputEl} type="text" /> <button onClick={onButtonClick}>Focus the input</button> …

101 javascript  reactjs  react-hooks 

হুক্সের সাথে প্রতিক্রিয়া দেখিয়ে, রাষ্ট্রের আপডেট করার সঠিক উপায় কী? export Example = () => { const [exampleState, setExampleState] = useState( {masterField: { fieldOne: "a", fieldTwo: { fieldTwoOne: "b" fieldTwoTwo: "c" } } }) কিভাবে এক ব্যবহার করেন setExampleStateআপডেটে exampleStateকরতে a(একটি ক্ষেত্র সংযোজন)? const a = { masterField: { fieldOne: …

100 javascript  reactjs  react-hooks 

componentDidMountহুকের মাধ্যমে কার্যকরী উপাদানগুলিকে প্রতিক্রিয়া জানানোর কোনও উপায় আছে কি?

99 javascript  reactjs  react-hooks 

ডক্স অনুসারে: componentDidUpdate()আপডেট হওয়ার সাথে সাথেই অনুরোধ করা হয়। এই পদ্ধতিটি প্রাথমিক রেন্ডার জন্য ডাকা হয় না। আমরা useEffect()অনুকরণ করতে নতুন হুক ব্যবহার করতে পারি componentDidUpdate(), তবে মনে useEffect()হয় প্রতিটি রেন্ডারের পরে এমনকি প্রথমবারের মতো এটি চলছে। আমি কীভাবে এটি প্রাথমিক রেন্ডারে না চালাতে পারি? আপনি নীচের উদাহরণে দেখতে পাচ্ছেন, …

95 javascript  reactjs  react-hooks 

আমি প্রপস পরিবর্তনের উপর রাষ্ট্র পুনরায় লোড করার প্রত্যাশা করছি, তবে এটি কার্যকর হয় না এবং userপরের useStateকলটিতে পরিবর্তনশীল আপডেট হয় না , কী ভুল? function Avatar(props) { const [user, setUser] = React.useState({...props.user}); return user.avatar ? (<img src={user.avatar}/>) : (<p>Loading...</p>); } কোডপেন

95 reactjs  react-hooks 

একটি প্রতিক্রিয়া ব্যবহারের স্টেট হুক ব্যবহারের স্ট্যান্ডার্ড উপায়টি হ'ল: const [count, setCount] = useState(0); তবে এই const countপরিবর্তনশীল স্পষ্টতই একটি ভিন্ন আদিম মানতে পুনরায় নিযুক্ত হতে চলেছে। তবে কেন ভেরিয়েবল হিসাবে সংজ্ঞায়িত হয় না let count?

33 javascript  reactjs  ecmascript-6  react-hooks 

এখানে সমস্যাটি রয়েছে: আমি একটি বোতাম ক্লিকে 2 টি ফাংশন কল করার চেষ্টা করছি। উভয় ফাংশন রাষ্ট্র আপডেট করে (আমি ইউজস্টেট হুক ব্যবহার করছি)। প্রথম ফাংশনটি সঠিকভাবে 'নতুন 1' এ মান 1 আপডেট করে, তবে 1 এস (সেটটাইমআউট) পরে দ্বিতীয় ফাংশনটি অগ্নিকাণ্ডে আসে এবং এটি 2 এর মানকে 'নতুন 2' …

31 javascript  reactjs  react-hooks 

আমি ফায়ারবেস শ্রোতাদের কীভাবে ব্যবহার করব তা জানার চেষ্টা করছি যাতে ক্লাউড ফায়ারস্টোরের ডেটা রিয়েক্ট হুক আপডেটের সাথে সতেজ হয়। প্রাথমিকভাবে, আমি ফায়ার স্টোর ডেটা পাওয়ার জন্য একটি কম্পোনেন্টডিডমাউন্ট ফাংশন সহ একটি শ্রেণি উপাদান ব্যবহার করে এটি তৈরি করেছি। this.props.firebase.db .collection('users') // .doc(this.props.firebase.db.collection('users').doc(this.props.firebase.authUser.uid)) .doc(this.props.firebase.db.collection('users').doc(this.props.authUser.uid)) .get() .then(doc => { this.setState({ name: …

27 javascript  reactjs  firebase  google-cloud-firestore  react-hooks 

আমি কয়েক সপ্তাহ আগে প্রকাশিত রিএ্যাক্ট রাউটারের নতুন ব্যবহারের ইতিহাসের হুক ব্যবহার করছি। আমার প্রতিক্রিয়া-রাউটার সংস্করণটি 5.1.2। আমার প্রতিক্রিয়াটি 16.10.1 সংস্করণে রয়েছে। আপনি নীচে আমার কোডটি সন্ধান করতে পারেন। তবুও আমি যখন নতুন ব্যবহারের ইতিহাসটি প্রতিক্রিয়া-রাউটার থেকে আমদানি করি তখন আমি এই ত্রুটিটি পাই: Uncaught TypeError: Cannot read property 'history' …

18 reactjs  react-router  react-hooks  react-router-dom  react-context 

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

12 javascript  node.js  reactjs  react-hooks 

আমি একটি কাস্টম হুক তৈরি করছি যখন কিছু রাষ্ট্র পরিবর্তন হয় তখন একটি টোগল থাকে। আপনার অ্যারেতে কোনও রাজ্য পাস করতে সক্ষম হওয়া উচিত। import { useState, useEffect } from 'react' const useFlatListUpdate = (dependencies = []) => { const [toggle, setToggle] = useState(false) useEffect(() => { setToggle(t => !t) …

10 reactjs  react-native  eslint  react-hooks 

যখন বিকাশের পরিবেশে থাকে, তখন আমার অ্যাপ্লিকেশনটি ঠিক কাজ করে। উত্পাদনের পরিবেশে যখন এটি ত্রুটি সহ ক্রাশ হয়: Uncaught TypeError: (0 , _react.useEffect) is not a function এটি আমার তৈরি করা একটি ফাইলে ঘটে যেখানে আমি প্রতিক্রিয়া আমদানি করি এবং এর মতো ব্যবহার করে: import React, { useEffect } from …

10 javascript  reactjs  react-hooks  parceljs 

আমি চাই যে ব্যবহারকারী টোড আইটেমগুলির একটি তালিকা বাছাই করতে সক্ষম হবে। ব্যবহারকারীরা যখন ড্রপডাউন থেকে কোনও আইটেম নির্বাচন করেন এটি সেট করে sortKeyযা এর নতুন সংস্করণ তৈরি করবে এবং ফলস্বরূপ কল এবং কলটি setSortedTodosট্রিগার করবে ।useEffectsetSortedTodos নীচের উদাহরণটি ঠিক কীভাবে আমি চাই তা কাজ করে তবে এসলিন্ট আমাকে নির্ভরতা …

9 javascript  reactjs  react-hooks  eslint