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

ড্রপডাউন উপাদানটির বাইরে যখন ক্লিক হয় তখন আমি একটি ড্রপডাউন মেনু বন্ধ করতে চাই। আমি কেমন করে ঐটি করি?

89 reactjs 

আমি আমার অ্যাপ্লিকেশনটিকে ফ্লাক্স ব্যবহার করতে আবার লিখছি এবং স্টোরগুলি থেকে ডেটা পুনরুদ্ধারে আমার একটি সমস্যা রয়েছে। আমার অনেকগুলি উপাদান রয়েছে এবং তারা অনেকগুলি বাসা বেঁধে রাখে। এর মধ্যে কয়েকটি বড় ( Article), কিছু ছোট এবং সাধারণ ( UserAvatar, UserLink)। আমি উপাদানগুলির শ্রেণিবিন্যাসের সাথে লড়াই করছি যেখানে আমার স্টোরগুলি থেকে …

89 javascript  reactjs  reactjs-flux 

আমি https://github.com/moroshko/react-autosuggest থেকে একটি উদাহরণ প্রয়োগ করছি গুরুত্বপূর্ণ কোডটি হ'ল: import React, { Component } from 'react'; import suburbs from 'json!../suburbs.json'; function getSuggestions(input, callback) { const suggestions = suburbs .filter(suburbObj => suburbMatchRegex.test(suburbObj.suburb)) .sort((suburbObj1, suburbObj2) => suburbObj1.suburb.toLowerCase().indexOf(lowercasedInput) - suburbObj2.suburb.toLowerCase().indexOf(lowercasedInput) ) .slice(0, 7) .map(suburbObj => suburbObj.suburb); // 'suggestions' will be an array …

89 javascript  json  reactjs  webpack 

সাধারণ পুরানো জাভাস্ক্রিপ্টে আমার ডিআইভি আছে <div class="movie" id="my_movie"> এবং নিম্নলিখিত জাভাস্ক্রিপ্ট কোড var myMovie = document.getElementById('my_movie'); myMovie.addEventListener('nv-enter', function (event) { console.log('change scope'); }); এখন আমার একটি প্রতিক্রিয়া উপাদান রয়েছে, এই উপাদানটির ভিতরে, রেন্ডার পদ্ধতিতে, আমি আমার ডিভিটি ফিরিয়ে দিচ্ছি। আমি কীভাবে আমার কাস্টম ইভেন্টের জন্য ইভেন্ট শ্রোতা যুক্ত করতে …

89 reactjs 

আমার লক্ষ্য হ'ল একটি পৃষ্ঠা / প্যারেন্ট উপাদানগুলিতে গতিশীল উপাদানগুলি যুক্ত করা। আমি এর মতো কয়েকটি বেসিক উদাহরণ টেম্পলেট দিয়ে শুরু করেছি: main.js: var App = require('./App.js'); var SampleComponent = require('./SampleComponent.js'); ReactDOM.render(<App/>, document.body); ReactDOM.render(<SampleComponent name="SomeName"/>, document.getElementById('myId')); App.js: var App = React.createClass({ render: function() { return ( <div> <h1>App main component! …

89 javascript  reactjs  babeljs 

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

89 reactjs 

এখানে নম্বর আছে মিনিট + জিজিপ 26 কে gzip 90k আসল 450 + কে এবং প্রতিক্রিয়াটির ডকুমেন্টেশনে অনেকগুলি বৈশিষ্ট্য নেই। এত বড় কেন? আমার মনে হচ্ছে এটি হালকা ওজনের ডোম বাস্তবায়ন the তবে আমি নিশ্চিত হতে চাই

88 reactjs 

লিস্টভিউয়ের বিপরীতে আমরা এই.স্টেট.ডেটাসোর্স আপডেট করতে পারি। ফ্ল্যাটলিস্ট আপডেট বা পুনরায় রেন্ডার করার জন্য কি কোনও পদ্ধতি বা উদাহরণ রয়েছে? আমার লক্ষ্যটি যখন ব্যবহারকারীদের বোতাম টিপুন তখন পাঠ্য মানটি আপডেট করা ... renderEntries({ item, index }) { return( <TouchableHighlight onPress={()=> this.setState({value: this.state.data[index].value+1})> <Text>{this.state.data[index].value}</Text> </TouchableHighlight> ) } <FlatList ref={(ref) => { …

88 reactjs  react-native  react-native-flatlist 

আমার একটি হ্রাসকারক রয়েছে এবং নতুন রাজ্যটি গণনা করার জন্য আমার ক্রিয়া থেকে ডেটা এবং এই রিডিউসার দ্বারা পরিচালিত নয় এমন রাজ্যের কোনও অংশের ডেটাও প্রয়োজন। বিশেষত, রিডিউসারটিতে আমি নীচে দেখাব, আমার accountDetails.stateOfResidenceIdক্ষেত্রে ক্ষেত্রটি অ্যাক্সেস দরকার । প্রাথমিক স্টেট.জেএস: export default { accountDetails: { stateOfResidenceId: '', accountType: '', accountNumber: '', …

88 javascript  reactjs  redux 

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

88 reactjs  redux 

প্রতিক্রিয়া সহ টাইপস্ক্রিপ্ট ব্যবহার করে আমাদের আর সংকলকটি React.Propsজানতে পারে যে সমস্ত প্রতিক্রিয়া উপাদানগুলির প্রপসগুলির বাচ্চা হতে পারে: interface MyProps { } class MyComponent extends React.Component<MyProps, {}> { public render(): JSX.Element { return <div>{this.props.children}</div>; } } তবে রাষ্ট্রহীন কার্যক্ষম উপাদানগুলির ক্ষেত্রে এটি মনে হয় না: const MyStatelessComponent = (props: MyProps) …

88 reactjs  typescript 

আমার এমন একটি প্রকল্প রয়েছে যা আমি 2 সপ্তাহের জন্যও স্পর্শ করি নি। আমি এটি ফিরিয়ে নিয়েছি এবং এখন যখন আমি চালানোর চেষ্টা করি তখন আমি npm startএই ত্রুটি পেয়েছি। > react-scripts start sh: react-scripts: command not found npm ERR! Darwin 16.0.0 npm ERR! argv "/usr/local/bin/node" "/usr/local/bin/npm" "start" npm ERR! …

88 javascript  reactjs  create-react-app 

আমি ব্যবহার করছি Reactএবং ESLintসঙ্গে eslint-plugin-react। আমি চাই এক ফাইলে নিয়ম।disableprop-types var React = require('react'); var Model = require('./ComponentModel'); var Component = React.createClass({ /* eslint-disable react/prop-types */ propTypes: Model.propTypes, /* eslint-enable react/prop-types */ render: function () { return ( <div className="component"> {this.props.title} </div> ); } });

88 reactjs  eslint 

আমার কাছে reactjsES6 মান ব্যবহার করে একটি অ্যাপ লেখা আছে এবং আমি webpackএটি তৈরিতে ব্যবহার করি build webpackলোড jsব্যবহার মডিউল babel-loader। সুনির্দিষ্টভাবে বলতে গেলে, আমি প্যাকেজগুলির নিম্নলিখিত সংস্করণগুলি ব্যবহার করি: ├── babel@5.8.34 ├── babel-core@5.8.34 ├── babel-loader@5.4.0 └── webpack@1.12.6 তবে এটি তৈরির পরে, আইই 10 নিম্নলিখিত ত্রুটিটি দেয় 'Symbol' is undefined। …

87 reactjs  webpack  babeljs 

আমি আমার এক্সপ্লোরার এক্সপ্লোরারটিতে আমার রিয়েট.জেএস অ্যাপ্লিকেশনটি পরীক্ষা করে দেখছি এবং এটি দেখতে পেয়েছে যে কিছু ES6 / 7 কোড Array.prototype.includes()এটি ব্রেক করে। আমি তৈরি-প্রতিক্রিয়া-অ্যাপ্লিকেশন ব্যবহার করছি এবং স্পষ্টতই তারা অনেকগুলি পলিফিল অন্তর্ভুক্ত না করার জন্য বেছে নিয়েছে যেহেতু প্রত্যেকেরই তাদের প্রয়োজন হয় না, এবং তারা নির্মাণের সময়কে ধীর করে …

87 javascript  reactjs  ecmascript-6  create-react-app  ecmascript-7