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

আমার এমন একটি ফর্ম তৈরি করা দরকার যা কোনও এপিআইর ফেরতের মানের ভিত্তিতে কিছু প্রদর্শন করবে। আমি নিম্নলিখিত কোড সহ কাজ করছি: class App extends React.Component { constructor(props) { super(props); this.state = {value: ''}; this.handleChange = this.handleChange.bind(this); this.handleSubmit = this.handleSubmit.bind(this); } handleChange(event) { this.setState({value: event.target.value}); } handleSubmit(event) { alert('A name …

155 reactjs  typescript 

সম্প্রতি চালু হওয়া প্রতিক্রিয়া নেটিভ বৈশিষ্ট্যগুলি কেবল আইওএস অ্যাপ্লিকেশন উদাহরণ এবং ডক্স।

154 android  reactjs  react-native 

তাহলে কি এই একমাত্র উপায় কি রিচেক্টজ সহ কাঁচা এইচটিএমএল রেন্ডার করার? // http://facebook.github.io/react/docs/tutorial.html // tutorial7.js var converter = new Showdown.converter(); var Comment = React.createClass({ render: function() { var rawMarkup = converter.makeHtml(this.props.children.toString()); return ( <div className="comment"> <h2 className="commentAuthor"> {this.props.author} </h2> <span dangerouslySetInnerHTML={{__html: rawMarkup}} /> </div> ); } }); আমি জানি …

154 javascript  reactjs 

class PlayerControls extends React.Component { constructor(props) { super(props) this.state = { loopActive: false, shuffleActive: false, } } render() { var shuffleClassName = this.state.toggleActive ? "player-control-icon active" : "player-control-icon" return ( <div className="player-controls"> <FontAwesome className="player-control-icon" name='refresh' onClick={this.onToggleLoop} spin={this.state.loopActive} /> <FontAwesome className={shuffleClassName} name='random' onClick={this.onToggleShuffle} /> </div> ); } onToggleLoop(event) { // "this …

152 javascript  reactjs  this 

আমি টাইপসক্রিপ্ট ব্যবহার করে আমার উপাদানগুলির জন্য কীভাবে ডিফল্ট সম্পত্তি মান সেট করতে পারি তা বুঝতে পারি না। এটি উত্স কোড: class PageState { } export class PageProps { foo: string = "bar"; } export class PageComponent extends React.Component<PageProps, PageState> { public render(): JSX.Element { return ( <span>Hello, world</span> ); …

151 reactjs  typescript  tsx 

আমি বলতে চাই যে শেষ বাক্যটির অর্থ কী এবং কী হয় (এক্সপোর্ট ডিফল্ট হ্যালো ওয়ার্ল্ড;) তবে আমি এটি সম্পর্কে কোনও টিউটোরিয়াল খুঁজে পাই না। // hello-world.jsx import React from 'react'; class HelloWorld extends React.Component { render() { return <p>Hello, world!</p>; } } export default HelloWorld;

151 javascript  reactjs 

আমি React.JS ব্যবহার করছি এবং যখন আমি করি react-native run-android(আমার ডিভাইসটি প্লাগ ইন করা আছে) আমি একটি ফাঁকা পৃষ্ঠা দেখতে পাচ্ছি। আমি যখন ডিভাইসটি কাঁপিয়ে তুলি এবং Debug JS Remotelyবিকল্প তালিকাটি থেকে নির্বাচন করি আমি নীচের স্ক্রিনটি দেখতে পাচ্ছি। অবগতির জন্য: OS: Ubuntu 16.04 Node version is: v4.6.2 java version …

149 android  reactjs  react-native 

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

149 reactjs  asynchronous  redux 

আমি তৈরি-প্রতিক্রিয়া-অ্যাপ ব্যবহার করছি। আমি আমার ভিতরে থাকা কোনও ফাইল থেকে আমার পাবলিক ফোল্ডার থেকে একটি চিত্র কল করার চেষ্টা করছি src/components। আমি এই ত্রুটি বার্তা পাচ্ছি। । Src এর বাইরে সম্পর্কিত আমদানিগুলি সমর্থিত নয়। আপনি এটি হয় এসসিআর / এর ভিতরে সরাতে পারেন, বা প্রকল্পের নোড_মডিউলগুলি / থেকে এটিতে …

149 javascript  reactjs  webpack  create-react-app 

ধরা যাক আমার কাছে 3 টি ইনপুট রয়েছে: রেট, সেন্ডআমউন্ট এবং রিসিভআমাউন্ট। আমি 3 টি ইনপুটগুলি ব্যবহারের বিভিন্ন পারফরমেন্সগুলিতে রাখি। বিধিগুলি হ'ল: যদি সেন্ডআমাউন্ট পরিবর্তিত হয়, আমি গণনা করি receiveAmount = sendAmount * rate যদি প্রাপ্তিমাউন্ট পরিবর্তন হয় তবে আমি গণনা করি sendAmount = receiveAmount / rate যদি হার পরিবর্তন …

149 reactjs  react-hooks 

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

148 reactjs  ecmascript-6  webpack  react-router 

আমি জেএসবিনে রিএ্যাকটিজেএস ফ্রেমওয়ার্কের সাথে প্রায় খেলছি । আমি লক্ষ্য করেছি যে আমার উপাদানটির নাম যদি ছোট হাতের অক্ষর দিয়ে শুরু হয় তবে এটি কার্যকর হয় না। উদাহরণস্বরূপ নিম্নলিখিতটি রেন্ডার করে না: var fml = React.createClass({ render: function () { return <a href='google.com'>Go</a> } }); React.render(<fml />, document.body); কিন্তু যত …

148 javascript  reactjs 

আমি একটি সাধারণ সমস্যার জন্য প্রতিক্রিয়া হুক ব্যবহার করার চেষ্টা করছি const [personState,setPersonState] = useState({ DefinedObject }); নিম্নলিখিত নির্ভরতা সহ। "dependencies": { "react": "^16.8.6", "react-dom": "^16.8.6", "react-scripts": "3.0.0" } তবে আমি এখনও নিম্নলিখিত ত্রুটি পেয়েছি: ./src/App.js লাইন:: প্রতিক্রিয়া হুককে "ইউজস্টেট" ফাংশন "অ্যাপ" বলা হয় যা কোনও প্রতিক্রিয়া ফাংশন উপাদান নয় …

148 reactjs  react-hooks 

আমি বর্তমানে রিএ্যাকটিজ ব্যবহার করে একটি একক পৃষ্ঠার অ্যাপ্লিকেশন তৈরি করছি। আমি পড়েছি লোকালস্টোরেজ ব্যবহার না করার অনেক কারণ এক্সএসএস দুর্বলতার কারণে। যেহেতু প্রতিক্রিয়া সমস্ত ব্যবহারকারীর ইনপুট থেকে দূরে চলেছে, এখন লোকালস্টোরেশন ব্যবহার করা কি নিরাপদ হবে?

147 reactjs  local-storage  jwt 

আমি রিএ্যাকটিজেএস ব্যবহার করছি এবং যখন কোনও ব্যবহারকারী কোনও লিঙ্ক ক্লিক করেন আমি ক্লিপবোর্ডে কিছু পাঠ্য অনুলিপি করতে চাই। আমি ক্রোম 52 ব্যবহার করছি এবং আমার অন্য কোনও ব্রাউজার সমর্থন করার দরকার নেই। এই কোডটি ক্লিপবোর্ডে ডেটা অনুলিপি করার কারণে কেন আসে না তা আমি দেখতে পাচ্ছি না। (কোড স্নিপেটের …

147 javascript  reactjs  clipboard