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

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

106 javascript  reactjs 

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

106 reactjs  font-awesome 

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

105 javascript  reactjs  redux 

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

105 javascript  reactjs  redux 

আমি পোস্টগুলির একটি তালিকা উপস্থাপন করছি। প্রতিটি পোস্টের জন্য আমি 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ইত্যাদি?

105 javascript  reactjs 

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

105 javascript  reactjs  state 

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

105 javascript  reactjs 

আমি স্রেফ টাইপ স্ক্রিপ্ট সহ তৈরি-প্রতিক্রিয়া-অ্যাপ ব্যবহার শুরু করেছি 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"] …

105 reactjs  typescript  create-react-app  tslint 

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

105 javascript  reactjs 

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

105 reactjs  react-hooks 

এই কোডটি মাথায় রেখে: 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 সেকেন্ড পরে পরিবর্তিত হওয়ার …

104 javascript  reactjs 

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

104 reactjs  webpack  google-font-api 

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

104 javascript  reactjs  http  axios  http-delete 

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 …

104 reactjs  webpack  ecmascript-6 

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

103 reactjs  react-router