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

আমার নীচের মত প্রসঙ্গে ভাষা সেটিংস রয়েছে class LanguageProvider extends Component { static childContextTypes = { langConfig: PropTypes.object, }; getChildContext() { return { langConfig: 'en' }; } render() { return this.props.children; } } export default LanguageProvider; আমার অ্যাপ্লিকেশন কোডটি নীচের মতো হবে <LanguageProvider> <App> <MyPage /> </App> </LanguageProvider> আমার পৃষ্ঠায় …

98 javascript  reactjs  react-context 

আমি একটি প্রতিক্রিয়া উপাদানটিতে একটি সিএসএস ফাইল আমদানি করতে চাই। আমি চেষ্টা করেছি import disabledLink from "../../../public/styles/disabledLink";কিন্তু নীচে ত্রুটি পেয়েছি; মডিউল পাওয়া যায় নি: ত্রুটি: 'ফাইল' বা 'ডিরেক্টরি' সমাধান করতে পারে না ../../../public/styles/dis اهل লিঙ্ক সি: \ ব্যবহারকারী \ ব্যবহারকারী \ দস্তাবেজগুলি \ পিজা-অ্যাপ \ ক্লায়েন্ট \ src \ উপাদানগুলি …

98 javascript  reactjs  relative-path 

একটি প্রতিক্রিয়া প্রকল্পের জন্য টাইপস্ক্রিপ্ট চেষ্টা করে দেখছি এবং আমি এই ত্রুটিটিতে আটকে রয়েছি: Element implicitly has an 'any' type because expression of type 'string' can't be used to index type '{ train_1: boolean; train_2: boolean; train_3: boolean; train_4: boolean; }'. No index signature with a parameter of type 'string' …

98 reactjs  typescript 

ধরা যাক আমার কাছে সরল বস্তুর একটি তালিকা রয়েছে this.state.listযা আমি তারপরে বাচ্চাদের একটি তালিকা রেন্ডার করতে ব্যবহার করতে পারি। এরপরে অবজেক্টটি toোকানোর সঠিক উপায় কী this.state.list? নীচে কেবলমাত্র মনে হয় এটি কাজ করবে কারণ আপনি this.stateডকটিতে উল্লিখিত হিসাবে সরাসরি পরিবর্তন করতে পারবেন না । this._list.push(newObject): this.setState({list: this._list}); এটা আমার …

97 javascript  reactjs 

একটি ফর্ম জমা দেওয়ার সময়, আমি doSomething()ডিফল্ট পোস্ট আচরণের পরিবর্তে চেষ্টা করছি । দৃশ্যত প্রতিক্রিয়াতে, অনসামিত ফর্মগুলির জন্য একটি সমর্থিত ইভেন্ট for তবে, যখন আমি নিম্নলিখিত কোডটি চেষ্টা করি: var OnSubmitTest = React.createClass({ render: function() { doSomething = function(){ alert('it works!'); } return <form onSubmit={doSomething}> <button>Click me</button> </form>; } }); …

97 javascript  forms  form-submit  reactjs  onsubmit 

আমি রিঅ্যাকটজেগুলিতে নতুন। এটি আমার কোড: var React = require('react'); var ReactDOM = require('react-dom'); var {Route, Router, IndexRoute, hashHistory} = require('react-router'); var Main = require('Main'); ReactDOM.render( <Router history={hashHistory}> <Route path="/" component={Main}></Route> </Router>, document.getElementById('app')); এবং এটি ওয়েবপ্যাক দিয়ে সংকলন করে। এছাড়াও আমি আমার এলিয়াসগুলিতে প্রধান উপাদান যুক্ত করেছি। কনসোল এই ত্রুটিগুলি …

97 reactjs  react-router 

ইন এই ডকুমেন্টেশন প্রতিক্রিয়া, এটি বলা হয় যে shallowCompare বর্তমান প্রপস এবং নেক্সটপ্রপস অবজেক্টগুলির পাশাপাশি বর্তমান অবস্থা এবং নেক্সটস্টেট অবজেক্টগুলিতে অগভীর সমতা পরীক্ষা করে। আমি যে জিনিসটি বুঝতে অক্ষম তা হ'ল এটি যদি অল্প মাত্রায় বস্তুর তুলনা করে তবে কম্পোনেন্ট আপডেট পদ্ধতিটি সর্বদা সত্য হিসাবে ফিরে আসবে আমাদের রাজ্যগুলিকে পরিবর্তন …

97 javascript  reactjs 

সাম্প্রতিককালে আমি কার্যকারিতা এবং ফেসবুক জাভাস্ক্রিপ্ট লাইব্রেরি রিঅ্যাক্ট.জেএস ব্যবহার করার উপায়গুলি সম্পর্কে অনেক অধ্যয়ন করেছি। যখন জাভাস্ক্রিপ্ট বিশ্বের প্রায়ই দুই প্রোগ্রামিং শৈলী বাকি তার পার্থক্যের ভাষী declarativeএবং imperativementionned করছে। উভয়ের মধ্যে পার্থক্য কী?

97 reactjs 

আমি কীভাবে ReactJS এ ম্যানুয়ালি একটি ক্লিক ইভেন্ট ট্রিগার করতে পারি ? যখন কোনও ব্যবহারকারী উপাদান 1 এ ক্লিক করেন, আমি স্বয়ংক্রিয়ভাবে inputট্যাগটিতে একটি ক্লিক ট্রিগার করতে চাই । <div className="div-margins logoContainer"> <div id="element1" className="content" onClick={this.uploadLogoIcon}> <div className="logoBlank" /> </div> <input accept="image/*" type="file" className="hide"/> </div>

97 html  reactjs 

আমি রিঅ্যাক্ট.জেএস লাইব্রেরিতে নতুন এবং আমি টিউটোরিয়ালের কিছু অংশ ঘুরে দেখলাম এবং আমি এলো: this.setState this.replaceState প্রদত্ত বিবরণ খুব পরিষ্কার নয় (আইএমও)। setState is done to 'set' the state of a value, even if its already set in the 'getInitialState' function. একইভাবে, The replaceState() method is for when you want …

96 javascript  frontend  reactjs 

ডক্স অনুসারে: 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 

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

95 node.js  reactjs  npm  webpack  webpack-dev-server 

এটি বোঝার চেষ্টা করার জন্য আমি রেডাক্সের টুডো উদাহরণটি ছিন্ন করছি। আমি পড়েছি যা প্রপেশন mapDispatchToPropsহিসাবে প্রেরণ ক্রিয়াকলাপগুলিকে ম্যাপ করতে দেয়, তাই আমি addTodo.jsডিসপ্যাচ (অ্যাডডোডো ()) কল করার পরিবর্তে মানচিত্রডিস্পচটপোপ্রোপগুলি ব্যবহার করতে পুনরায় লেখার কথা ভাবি । আমি বলেছি addingTodo()। এটার মতো কিছু: import React from 'react'; import {connect} from …

95 javascript  reactjs  redux  react-redux 

আমি প্রতিক্রিয়া উপাদানটির দ্বারা প্রতিক্রিয়া উপাদান দ্বারা প্রকাশিত কোনও পদ্ধতিতে কল করতে চাই। উদাহরণস্বরূপ, এই jsfiddle মধ্যে । আমি alertMessageপদ্ধতিটি HelloElementরেফারেন্স থেকে কল করতে চাই । অতিরিক্ত মোড়ক না লিখে এ অর্জনের কি উপায় আছে? সম্পাদনা করুন (জেএসফিডাল থেকে অনুলিপি কোড) <div id="container"></div> <button onclick="onButtonClick()">Click me!</button> var onButtonClick = function …

95 reactjs