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

আমি যেমন webpack.config.js লিখি module.exports = { entry: './index.jsx', output: { filename: 'bundle.js' }, module: { loaders: [{ test: /\.jsx?$/, exclude: /node_modules/, loader: 'babel', query: { presets: ['es2015', 'react'] } }] } }; এবং index.jsxআমি একটি reactমডিউল আমদানিApp import React from 'react'; import { render } from 'react-dom'; import App …

110 reactjs  webpack  webpack-dev-server 

আমি প্রতিক্রিয়াতে নতুন am CallEnterprise:function(TenantId){ fetchData('http://xxx.xxx.xx.xx:8090/Enterprises?TenantId='+TenantId+' &format=json').then(function(enterprises) { EnterprisePerspectiveActions.getEnterprise(enterprises); }).catch(function() { alert("There was some issue in API Call please contact Admin"); //ComponentAppDispatcher.handleViewAction({ // actionType: MetaItemConstants.RECEIVE_ERROR, // error: 'There was a problem getting the enterprises' //}); }); }, আমি ইউআরএলটি কনফিগারেশন ফাইলে সংরক্ষণ করতে চাই তাই যখন আমি এটি টেস্টিং সার্ভারে …

110 javascript  reactjs  configuration  webpack  flux 

আমার প্রতিক্রিয়া অ্যাপটি চালানোর চেষ্টা করার সময় আমি নিম্নলিখিত ত্রুটিটি পেয়েছি: ./src/components/App/App.js আমদানি ত্রুটি প্রয়াস: 'combineReducers' '../../store/reducers/' থেকে রপ্তানি করা হয় না। এখানে আমি কীভাবে রফতানি করছি combineReducers: import { combineReducers } from 'redux'; import userReducers from './userReducers'; import articleReducers from './articleReducers'; export default combineReducers({ userReducers, articleReducers }); এবং আমি …

110 reactjs  redux 

আমি আমার অ্যাপ্লিকেশনটি বুটস্ট্র্যাপ করতে তৈরি করুন প্রতিক্রিয়া অ্যাপ ব্যবহার করছি । আমি দুটি .envফাইল যুক্ত করেছি .env.developmentএবং .env.productionমূলটিতে। আমার .env.developmentঅন্তর্ভুক্ত: API_URL=http://localhost:3000/api CALLBACK_URL=http://localhost:3005/callback আমি যখন আমার অ্যাপ্লিকেশনটি ব্যবহার করি react-scripts startএবং কনসোলটি ব্যবহার করি তখন process.envএটি থেমে যায় { NODE_ENV: "development", PUBLIC_URL: "" } আমি বিভিন্ন জিনিস চেষ্টা করেছি, তবে …

110 reactjs  create-react-app 

আমার একটি প্রতিক্রিয়া উপাদান রয়েছে, এবং উপাদানটির renderপদ্ধতির ভিতরে আমার এই জাতীয় কিছু রয়েছে: render() { return ( <div> <div> // removed for brevity </div> { switch(...) {} } <div> // removed for brevity </div> </div> ); } এখন মুল বক্তব্যটি হ'ল আমার দুটি divউপাদান রয়েছে, একটি শীর্ষে এবং নীচে …

110 reactjs 

আমি এই ধারণাগুলি সম্পর্কে কিছুটা অস্পষ্ট, আমি যদি একইভাবে টুডো অ্যাপ্লিকেশনটি সম্পূর্ণভাবে AngularJS এবং ReactJS এ তৈরি করি --- তবে কী প্রতিক্রিয়া টুডো AngularJS এর ​​দ্বিমুখী ডেটা বাইন্ডিং বনাম একমুখী ডেটা বাঁধাই ব্যবহার করে? আমি বুঝতে পারি যে প্রতিক্রিয়ার কাজগুলি এর মতো রেন্ডার (ডেটা) ---> ইউআই। এটি কৌণিক থেকে পৃথক …

109 javascript  angularjs  reactjs 

আমি রিএ্যাকটিজগুলির সাথে কাজ করছি এবং জেএসওএন ডেটা (ফাইল বা সার্ভার থেকে) প্রদর্শন করার চেষ্টা করার সময় এই ত্রুটিটি রোধ করতে পারি না: Uncaught TypeError: this.props.data.map is not a function আমি তাকিয়েছি: কোড নিক্ষেপ করে প্রতিক্রিয়া জানায় "টাইপরর: এটি.প্রপস.ডাটা.ম্যাপ কোনও ফাংশন নয়" React.js this.prop.data.map () কোনও ফাংশন নয় এগুলির কোনওটিই …

109 javascript  ajax  json  reactjs 

এখানে আমার ফর্ম এবং অনক্লিক পদ্ধতিটি। কীবোর্ডের এন্টার বোতামটি চাপলে আমি এই পদ্ধতিটি সম্পাদন করতে চাই। কীভাবে? NB: কোন jquery প্রশংসা করা হয় না। comment: function (e) { e.preventDefault(); this.props.comment({comment: this.refs.text.getDOMNode().value, userPostId:this.refs.userPostId.getDOMNode().value}) }, <form className="commentForm"> <textarea rows="2" cols="110" placeholder="****Comment Here****" ref="text" /><br /> <input type="text" placeholder="userPostId" ref="userPostId" /> <br /> …

109 reactjs  reactjs-flux 

আমার একটি অবজেক্ট রয়েছে যা আমি REACT এর মাধ্যমে আউটপুট দিতে চাই question = { text: "Is this a good question?", answers: [ "Yes", "No", "I don't know" ] } এবং আমার প্রতিক্রিয়া উপাদান (কাটা কাটা), অন্য উপাদান class QuestionSet extends Component { render(){ <div className="container"> <h1>{this.props.question.text}</h1> {this.props.question.answers.forEach(answer => { …

109 reactjs  react-props 

আমি নতুন রিএ্যাক্ট হুক চেষ্টা করছি এবং একটি কাউন্টার সহ একটি ক্লক উপাদান রয়েছে যা প্রতি সেকেন্ডে বাড়ার কথা। তবে মান একেরও বেশি বেড়ে যায় না। function Clock() { const [time, setTime] = React.useState(0); React.useEffect(() => { const timer = window.setInterval(() => { setTime(time + 1); }, 1000); return () …

109 javascript  reactjs  react-hooks 

আমি ভাবছিলাম এবং ক্লায়েন্ট এবং সার্ভারের মধ্যে রাউটিংয়ের সাথে আমি বিভ্রান্ত হয়ে পড়েছি। ধরুন আমি ওয়েব ব্রাউজারে অনুরোধটি ফেরত পাঠানোর আগে সার্ভার-সাইড রেন্ডারিংয়ের জন্য রিঅ্যাকটজেএস ব্যবহার করি এবং এসপিএ হিসাবে রিফ্রেশ না করে পৃষ্ঠাগুলির মধ্যে স্যুইচ করতে ক্লায়েন্ট-সাইড রাউটিং হিসাবে রিঅ্যাক্ট-রাউটার ব্যবহার করি। যা মনে আসে তা হ'ল: রুটগুলি কীভাবে …

108 javascript  reactjs  routes  react-router  url-routing 

আমি কয়েক ডজন Reactফাইল লিখেছি , কখনও componentDidUpdateপদ্ধতি ব্যবহার করি না । এই পদ্ধতিটি কখন ব্যবহার করা দরকার তার কোনও সাধারণ উদাহরণ রয়েছে? আমি কিছু বাস্তব-বিশ্বের উদাহরণ চাই, একটি সাধারণ ডেমো নয়। উত্তর করার জন্য ধন্যবাদ!

108 reactjs 

ব্রাউজারে প্রতিক্রিয়াটির রানটাইম সংস্করণটি জানার কোনও উপায় আছে কি?

108 javascript  reactjs 

আমার প্রতিক্রিয়া ওয়েব অ্যাপ ব্রাউজার কনসোলে এই ত্রুটি দেয় Refused to load the font 'data:font/woff;base64,d09........' because it` `violates the following Content Security Policy directive: "default-src` `'self'". Note that 'font-src' was not explicitly set, so 'default-src' is used as a fallback. এছাড়াও: Refused to connect to 'ws://localhost:3000/sockjs-node/782/oawzy1fx/websocket' because it violates the …

108 javascript  reactjs  webpack 

ওয়েবপ্যাকে লোডার এবং প্লাগইনগুলির মধ্যে পার্থক্য কী? প্লাগ-ইন ডকুমেন্টেশন শুধু বলে: ওয়েবপ্যাকের বান্ডিলগুলির সাথে সম্পর্কিত কার্যকারিতা যুক্ত করতে প্লাগইনগুলি ব্যবহার করুন। আমি জানি যে বাবেল jsx / es2015 রূপান্তরগুলির জন্য একটি লোডার ব্যবহার করে তবে এটি অন্য সাধারণ কাজের মতো দেখায় (উদাহরণস্বরূপ কপি-ওয়েবপ্যাক-প্লাগইন) প্লাগইনগুলি ব্যবহার করুন।

108 javascript  reactjs  webpack