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

আমি জাভাস্ক্রিপ্ট (ES6) / ফেসবুক প্রতিক্রিয়া নিয়ে কাজ করছি এবং আকারে পরিবর্তিত হয় এমন একটি অ্যারের প্রথম 3 উপাদান পাওয়ার চেষ্টা করছি। আমি লিনক নিতে (এন) এর সমতুল্য চাই। আমার জেএসএক্স ফাইলে আমার কাছে নিম্নলিখিতগুলি রয়েছে: var items = list.map(i => { return ( <myview item={i} key={i.id} /> ); }); …

383 javascript  reactjs 

আমি দেখেছি প্রতিক্রিয়া (এ ডেভ আলাপ : প্রতিক্রিয়া: পিট হান্ট সর্বোত্তম কার্যাভ্যাস ভান্ডারের চিন্তা - JSConf ইইউ 2013 ) এবং স্পিকার উল্লেখ করেন যে, মলিন-পরীক্ষণের মডেলের ধীর হতে পারে। ভার্চুয়াল DOM এর মধ্যে পার্থক্যটি গণনা করছে না কেন বেশিরভাগ ক্ষেত্রে ভার্চুয়াল DOM মডেলের চেয়ে বড় হওয়া উচিত? আমি সত্যিই ভার্চুয়াল …

372 javascript  dom  reactjs  virtual-dom 

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

367 javascript  reactjs 

প্রতিক্রিয়া রাউটার (v3) এর বর্তমান সংস্করণে আমি একটি সার্ভার প্রতিক্রিয়া গ্রহণ করতে পারি এবং browserHistory.pushউপযুক্ত প্রতিক্রিয়া পৃষ্ঠায় যেতে পারি। তবে এটি ভি 4 এ পাওয়া যায় না এবং এটি হ্যান্ডেল করার উপযুক্ত উপায়টি কী তা আমি নিশ্চিত নই। এই উদাহরণে, Redux ব্যবহার করে, উপাদান / অ্যাপ-প্রোডাক্ট-form.js কল করে this.props.addProduct(props)যখন কোনও …

360 reactjs  react-router  react-router-v4 

আমার কাছে একটি ফর্মের সাথে একটি সাধারণ প্রতিক্রিয়া উপাদান রয়েছে যা আমি বিশ্বাস করি যে এটির একটি নিয়ন্ত্রিত ইনপুট রয়েছে: import React from 'react'; export default class MyForm extends React.Component { constructor(props) { super(props); this.state = {} } render() { return ( <form className="add-support-staff-form"> <input name="name" type="text" value={this.state.name} onChange={this.onFieldChange('name').bind(this)}/> </form> …

359 javascript  node.js  reactjs  react-state 

আমি রেডাক্স লাইব্রেরির জন্য ডকুমেন্টেশন পড়ছিলাম এবং এর উদাহরণ রয়েছে: রাজ্যটি পড়া ছাড়াও, ধারক উপাদানগুলি ক্রিয়া প্রেরণ করতে পারে। অনুরূপ ফ্যাশনে, আপনি একটি ফাংশন সংজ্ঞায়িত করতে পারেন mapDispatchToProps()যা এই dispatch()পদ্ধতিটি গ্রহণ করে এবং কলব্যাক প্রপস দেয় যা আপনি বর্তমান উপাদানটিতে ইনজেক্ট করতে চান। এটি আসলে কোনও বুদ্ধি করে না। mapDispatchToPropsআপনি …

357 reactjs  redux  react-redux 

আমার কাঠামোটি নিম্নরূপ দেখায়: Component 1 - |- Component 2 - - |- Component 4 - - - |- Component 5 Component 3 কম্পোনেন্ট 3 অংশের 5 অবস্থার উপর নির্ভর করে কিছু তথ্য প্রদর্শন করা উচিত Since এবং হ্যাঁ, আমি রিডুএক্স সম্পর্কে পড়েছি, তবে এটি ব্যবহার করতে চাই না। আমি …

348 javascript  reactjs  web-deployment 

আমি রিএ্যাকটিজেএস এবং জেএসএক্সে নতুন এবং নীচের কোডটি নিয়ে আমার একটু সমস্যা হচ্ছে। আমি classNameপ্রতিটি বৈশিষ্ট্যে একাধিক ক্লাস যুক্ত করার চেষ্টা করছি li: <li key={index} className={activeClass, data.class, "main-class"}></li> আমার প্রতিক্রিয়া উপাদানটি হ'ল: var AccountMainMenu = React.createClass({ getInitialState: function() { return { focused: 0 }; }, clicked: function(index) { this.setState({ focused: …

346 javascript  css  reactjs  ecmascript-6 

আমার উপাদানগুলির রেন্ডার ফাংশনে আমার রয়েছে: render() { const items = ['EN', 'IT', 'FR', 'GR', 'RU'].map((item) => { return (<li onClick={this.onItemClick.bind(this, item)} key={item}>{item}</li>); }); return ( <div> ... <ul> {items} </ul> ... </div> ); } <li>আমি নীচের ত্রুটিটি পেয়েছি উপাদানটিতে ক্লিক করার পরে সবকিছু ঠিকঠাক করে দেয় : আনকড ত্রুটি: …

337 javascript  reactjs 

আমি সবেমাত্র react-routerv3 থেকে v4 এ প্রতিস্থাপন করেছি । তবে আমি নিশ্চিত না যে কীভাবে এ এর ​​সদস্য ফাংশনে প্রোগ্রামিয়ালি নেভিগেট করতে হয় Component। অর্থাত্ handleClick()ফাংশনে আমি /path/some/whereকিছু ডেটা প্রক্রিয়া করার পরে নেভিগেট করতে চাই । আমি এটি দ্বারা ব্যবহৃত: import { browserHistory } from 'react-router' browserHistory.push('/path/some/where') তবে আমি v4 …

336 reactjs  ecmascript-6  react-router-v4 

অভিভাবক উপাদানটি যা দেখতে দেখতে পাওয়া যায় তার উপর নির্ভর করে আমি শর্তসাপেক্ষে এই বোতামটির গোষ্ঠীটি প্রদর্শন এবং আড়াল করতে চাই: <TopicNav showBulkActions={this.__hasMultipleSelected} /> .... __hasMultipleSelected: function() { return false; //return true or false depending on data } .... var TopicNav = React.createClass({ render: function() { return ( <div className="row"> …

333 javascript  css  twitter-bootstrap-3  reactjs  class-attributes 

সতর্কতা: একটি উপাদান নিয়ন্ত্রণ করতে টাইপ পাঠ্যের একটি অনিয়ন্ত্রিত ইনপুট পরিবর্তন করছে। ইনপুট উপাদানগুলি নিয়ন্ত্রণহীন (বা বিপরীতে) অনিয়ন্ত্রিত থেকে স্যুইচ করা উচিত নয়। উপাদানটির আজীবন নিয়ন্ত্রিত বা অনিয়ন্ত্রিত ইনপুট উপাদানটি ব্যবহারের মধ্যে সিদ্ধান্ত নিন * আমার কোডটি নিম্নলিখিত: constructor(props) { super(props); this.state = { fields: {}, errors: {} } this.onSubmit …

329 javascript  reactjs 

আমি ফর্ম বিভাগ পড়ছিreactjsডকুমেন্টেশন এবং onChangeব্যবহার ( জেএসবিআইএন ) প্রদর্শনের জন্য এই কোডটি চেষ্টা করেছেন । var React= require('react'); var ControlledForm= React.createClass({ getInitialState: function() { return { value: "initial value" }; }, handleChange: function(event) { console.log(this.state.value); this.setState({value: event.target.value}); console.log(this.state.value); }, render: function() { return ( <input type="text" value={this.state.value} onChange={this.handleChange}/> ); …

326 javascript  reactjs  react-jsx 

আমি সবেমাত্র রিএ্যাকটিজেএস দিয়ে শুরু করেছি এবং আমার যে সমস্যা রয়েছে তাতে কিছুটা আটকে আছি। আমার অ্যাপ্লিকেশনটি মূলত ফিল্টার এবং লেআউট পরিবর্তন করার জন্য একটি বোতাম সহ একটি তালিকা। মুহূর্তে আমি তিনটি উপাদান ব্যবহার করছি: <list />,< Filters /> এবং <TopBar />এখন স্পষ্টত যখন আমি সেটিংস পরিবর্তন মধ্যে < Filters …

321 javascript  reactjs 

প্রতিক্রিয়া রাউটার ব্যবহার করে আমার React.js অ্যাপ্লিকেশনটির জন্য আমার নীচের কাঠামো রয়েছে : var Dashboard = require('./Dashboard'); var Comments = require('./Comments'); var Index = React.createClass({ render: function () { return ( <div> <header>Some header</header> <RouteHandler /> </div> ); } }); var routes = ( <Route path="/" handler={Index}> <Route path="comments" handler={Comments}/> …

315 javascript  properties  reactjs  react-router