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

প্রতিক্রিয়া (যা React.js বা ReactJS নামেও পরিচিত) হ'ল একটি জাভাস্ক্রিপ্ট লাইব্রেরি যা ফেসবুকে ব্যবহারকারী ইন্টারফেস তৈরির জন্য তৈরি করেছে। এটি একটি ঘোষণামূলক, উপাদান-ভিত্তিক দৃষ্টান্ত ব্যবহার করে এবং দক্ষ এবং নমনীয় উভয়কেই লক্ষ্য করে।

18
React.js - রেন্ডারিংয়ের সময় ইনপুট হারানো ফোকাস
আমি কেবল পাঠ্য ইনপুটটিতে লিখছি এবং onChangeইভেন্টে আমি কল করি setState, সুতরাং প্রতিক্রিয়াটি আমার ইউআইকে রেন্ডার করে। সমস্যাটি হ'ল পাঠ্য ইনপুটটি সর্বদা একটি ফোকাস হারাতে থাকে, সুতরাং প্রতিটি অক্ষরের জন্য আমার আবার এটি ফোকাস করা দরকার: ডি। var EditorContainer = React.createClass({ componentDidMount: function () { $(this.getDOMNode()).slimScroll({height: this.props.height, distance: '4px', size: …

15
প্রতিক্রিয়াটির রেন্ডারে () এর ফন্ট আশ্চর্য আইকন কীভাবে অন্তর্ভুক্ত করবেন
যখনই আমি প্রতিক্রিয়াতে কোনও ফন্ট আশ্চর্য আইকন ব্যবহার করার চেষ্টা করি render()না কেন এটি ফলাফলটি ওয়েব পৃষ্ঠায় প্রদর্শিত হয় না যদিও এটি সাধারণ এইচটিএমএলে কাজ করে। render: function() { return <div><i class="fa fa-spinner fa-spin">no spinner but why</i></div>; } এখানে একটি সরাসরি উদাহরণ: http://jsfiddle.net/pLWS3/ দোষ কোথায়?

8
রিডেক্সে নির্দিষ্ট অ্যারে আইটেমের মধ্যে কীভাবে একক মান আপডেট করা যায়
আমার একটি সমস্যা আছে যেখানে রাষ্ট্রের পুনরায় রেন্ডারিংয়ের ফলে ইউআই ইস্যু হয় এবং কোনও পৃষ্ঠায় পুনরায় রেন্ডারিংয়ের পরিমাণ হ্রাস করার জন্য কেবল আমার হ্রাসকারীর ভিতরে নির্দিষ্ট মান আপডেট করার পরামর্শ দেওয়া হয়েছিল। এটি আমার রাজ্যের উদাহরণ { name: "some name", subtitle: "some subtitle", contents: [ {title: "some title", text: "some …

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

4
প্রতিক্রিয়া রেন্ডার ফাংশনে গতিশীল href কীভাবে তৈরি করবেন?
আমি পোস্টগুলির একটি তালিকা উপস্থাপন করছি। প্রতিটি পোস্টের জন্য আমি href স্ট্রিংয়ের অংশ হিসাবে পোস্ট আইডি সহ একটি অ্যাঙ্কর ট্যাগ রেন্ডার করতে চাই। render: function(){ return ( <ul> { this.props.posts.map(function(post){ return <li key={post.id}><a href='/posts/'{post.id}>{post.title}</a></li> }) } </ul> ); আমি কিভাবে এটা প্রতিটি পোস্টের সূরা এর রয়েছে তাই করব /posts/1, /posts/2ইত্যাদি?

3
প্রতিক্রিয়া.জেএস, কোনও ফাংশন ট্রিগার করার আগে সেটস্টেট শেষ হওয়ার জন্য অপেক্ষা করবেন?
এখানে আমার পরিস্থিতি: আমি এই.সেটস্টেট () চালাচ্ছি এই.হ্যান্ডলফর্মসুবিট () এর ভিতরে, আমি এই কল করছি indফাইন্ডআরটস (); - যা এই.সেটস্টেটের সফল সমাপ্তির উপর নির্ভর করে () this.setState (); এটি শেষ হওয়ার আগেই শেষ হয় না ind আমি এই.সেটল স্টোর () এর ভিতরে কীভাবে অপেক্ষা করতে পারি? এই.ফ্যান্ডারউইটস () কল করার …

2
এই.সেটস্টেটটি একাধিকবার রিঅ্যাক্ট উপাদানটিতে ব্যবহার করার পরে কী ঘটে?
আপনি যখন এই এক সেটটি একাধিক বার ব্যবহার করেন (আলোচনার জন্য 2 বার) তখন কী হবে তা আমি জানতে চেয়েছি। আমি ভেবেছিলাম যে উপাদানটি দু'বার রেন্ডার হবে তবে দৃশ্যত এটি একবারে রেন্ডার হয়েছে। আমার আর একটি প্রত্যাশা ছিল যে সেটস্টেটের জন্য সম্ভবত দ্বিতীয় কলটি প্রথমটির উপর দিয়ে চলে যাবে, তবে …

9
tslint বলছে কনসোল.লগে কল করার অনুমতি নেই - আমি কীভাবে এটি অনুমতি দেব?
আমি স্রেফ টাইপ স্ক্রিপ্ট সহ তৈরি-প্রতিক্রিয়া-অ্যাপ ব্যবহার শুরু করেছি create-react-app my-app --scripts-version=react-scripts-ts এবং ডিফল্ট tslint.json কনফিগারেশন কনসোল.লগ () এর অনুমতি দেয় না। আমি কীভাবে (এখনের জন্য) কনসোল.লগ সক্ষম করতে পারি? এর জন্য দস্তাবেজগুলি https://palantir.github.io/tslint/rules/no-console/ এ রয়েছে । তবে তারা এই লাইনটি কোথায় রাখবেন তা বলছেন না: "no-console": [true, "log", "error"] …

4
অবজেক্টের অ্যারে থেকে রেন্ডারিং রিঅ্যাক্ট উপাদানগুলি
আমার কাছে স্টেশান নামক কিছু ডেটা রয়েছে যা একটি অ্যারে যা অবজেক্টসযুক্ত। stations : [ {call:'station one',frequency:'000'}, {call:'station two',frequency:'001'} ] আমি প্রতিটি অ্যারে পজিশনের জন্য একটি ইউআই উপাদান রেন্ডার করতে চাই। এখন পর্যন্ত আমি লিখতে পারি var stationsArr = [] for (var i = 0; i < this.data.stations.length; i++) { …

13
ব্যবহারের প্রভাব অসীম লুপ
আমি ১ h..7-আলফা প্রতিক্রিয়াতে নতুন হুক সিস্টেমে ঘুরে বেড়াচ্ছি এবং যখন আমি যে রাজ্যটি পরিচালনা করছি তখন কোনও অবজেক্ট বা অ্যারে হ'ল ব্যবহারের প্রভাবতে অসীম লুপে আটকে যাব। প্রথমত, আমি ইউজস্টেট ব্যবহার করি এবং এটির মতো একটি খালি বস্তু দিয়ে এটি শুরু করি: const [obj, setObj] = useState({}); তারপরে, UseEffect …

10
বিক্রিয়া জেএস: সেটটাইমআউট () কাজ করছে না?
এই কোডটি মাথায় রেখে: var Component = React.createClass({ getInitialState: function () { return {position: 0}; }, componentDidMount: function () { setTimeout(this.setState({position: 1}), 3000); }, render: function () { return ( <div className="component"> {this.state.position} </div> ); } }); ReactDOM.render( <Component />, document.getElementById('main') ); রাষ্ট্রটি কি কেবল 3 সেকেন্ড পরে পরিবর্তিত হওয়ার …

12
React.js এ গুগল ফন্টগুলি কীভাবে ব্যবহার করবেন?
আমি React.js এবং ওয়েবপ্যাক দিয়ে একটি ওয়েবসাইট তৈরি করেছি । আমি ওয়েবপৃষ্ঠায় গুগল ফন্ট ব্যবহার করতে চাই , তাই আমি লিঙ্কটিটি বিভাগে রেখেছি। গুগল ফন্ট <link href="https://fonts.googleapis.com/css?family=Bungee+Inline" rel="stylesheet"> এবং সিএসএস সেট করুন body{ font-family: 'Bungee Inline', cursive; } যাইহোক, এটা কাজ করে না। কিভাবে আমি এই সমস্যার সমাধান করতে পারে?

11
অক্ষগুলি শরীর এবং শিরোলেখগুলির সাথে অনুরোধ মুছবে?
রিঅ্যাক্টজেএসে প্রোগ্রাম করার সময় আমি অ্যাকজিওস ব্যবহার করছি এবং আমি আমার সার্ভারে একটি মোছার অনুরোধ প্রেরণের ভান করছি। এটি করতে আমার শিরোনামগুলি দরকার: headers: { 'Authorization': ... } এবং শরীর গঠিত হয় var payload = { "username": .. } আমি আন্তঃ ওয়েবগুলিতে অনুসন্ধান করেছিলাম এবং কেবলমাত্র আবিষ্কার করেছি যে মোছার …

5
ওয়েবপ্যাক ব্যবহার করে কোনও ডিরেক্টরি থেকে গতিশীল চিত্রগুলি আমদানি করুন
ES6 এর মাধ্যমে ওয়েবপ্যাকে চিত্র এবং আইকন আমদানির জন্য আমার বর্তমান ওয়ার্কফ্লো এখানে রয়েছে: import cat from './images/cat1.jpg' import cat2 from './images/cat2.svg' import doggy from './images/doggy.png' import turtle from './images/turtle.png' <img src={doggy} /> এটি অগোছালো দ্রুত পায়। আমি যা চাই তা এখানে: import * from './images' <img src={doggy} /> <img …

6
রিঅ্যাক্ট-রাউটার সহ ব্রাউজারে / # / কীভাবে থামবেন?
/#/রিঅ্যাক্ট-রাউটার ব্যবহার করার সময় ব্রাউজারের ঠিকানা বারে প্রদর্শিত হওয়া থেকে রোধ করার কোনও উপায় ? এটি রিএ্যাকটিজেএস এর সাথে। অর্থাৎ কোনও নতুন রুটে যেতে লিংকে ক্লিক করা localhost:3000/#/বা localhost:3000/#/about। রুট উপর নির্ভর করে।

আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.