প্রশ্ন ট্যাগ «react-jsx»

আমি কিছু উপাদানকে জেনেরিক উপায়ে ব্যবহার করা যেতে পারে তার সংজ্ঞা দেওয়ার সঠিক উপায়টি খুঁজতে চেষ্টা করছি: <Parent> <Child value="1"> <Child value="2"> </Parent> অবশ্যই পিতামাতাদের এবং শিশুদের উপাদানগুলির মধ্যে রেন্ডারিংয়ের জন্য একটি যুক্তি চলছে, আপনি কল্পনা করতে পারেন <select>এবং <option>এই যুক্তির উদাহরণ হিসাবে। এই প্রশ্নের উদ্দেশ্য জন্য এটি একটি ছদ্মবেশী …

887 javascript  reactjs  react-jsx 

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

689 reactjs  react-jsx 

আমি সচেতন যে আপনি প্রতিক্রিয়া ক্লাসের মধ্যে শৈলীগুলি নির্দিষ্ট করতে পারেন: var MyDiv = React.createClass({ render: function() { var style = { color: 'white', fontSize: 200 }; return <div style={style}> Have a good and productive day! </div>; } }); আমার কি এইভাবে সমস্ত স্টাইলিং করার লক্ষ্য করা উচিত, এবং আমার …

511 css  reactjs  inline-styles  react-jsx 

আমি ফর্ম বিভাগ পড়ছি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 

আমার একটি প্রতিক্রিয়া উপাদানটিতে ইনলাইন স্ক্রিপ্টিং যুক্ত করার চেষ্টা করার তুলনামূলকভাবে সরল ইস্যু রয়েছে। আমার এখন পর্যন্ত যা আছে: 'use strict'; import '../../styles/pages/people.scss'; import React, { Component } from 'react'; import DocumentTitle from 'react-document-title'; import { prefix } from '../../core/util'; export default class extends Component { render() { return ( …

264 javascript  reactjs  ecmascript-6  react-jsx 

কীভাবে আমি জেএসএক্সে কোনও উপাদান অন্তর্ভুক্ত করব? এখানে একটি ব্যানার ব্যবহার করার একটি উদাহরণ রয়েছে যা এটি পাস করা হয়ে থাকলে সেই উপাদানটিতে থাকা উচিত What render: function () { var banner; if (this.state.banner) { banner = <div id="banner">{this.state.banner}</div>; } else { banner = ????? } return ( <div id="page"> …

229 javascript  reactjs  react-jsx 

আমি জেএসএক্সে প্রতিক্রিয়াশীল ভেরিয়েবলগুলির সাথে এইচটিএমএল সন্নিবেশ করা দরকার যেখানে প্রতিক্রিয়া সহ এমন কিছু তৈরি করছি। এর মতো ভেরিয়েবল রাখার উপায় আছে কি: var thisIsMyCopy = '<p>copy copy copy <strong>strong copy</strong></p>'; এবং এটির মতো প্রতিক্রিয়া inোকানোর জন্য এবং এটি কাজ করে? render: function() { return ( <div className="content">{thisIsMyCopy}</div> ); } …

203 javascript  html  frontend  reactjs  react-jsx 

আমি উপাদানগুলির ধরণের ভিত্তিতে গতিশীলভাবে রেন্ডার করার চেষ্টা করছি। উদাহরণ স্বরূপ: var type = "Example"; var ComponentName = type + "Component"; return <ComponentName />; // Returns <examplecomponent /> instead of <ExampleComponent /> আমি এখানে প্রস্তাবিত সমাধানটি চেষ্টা করেছি / জেএসএক্স গতিশীল উপাদানগুলির নাম সংকলন করার সময় এটি আমাকে একটি ত্রুটি …

168 javascript  reactjs  react-jsx 

আমি একটি jQuery উপাদানকে React.js এ রূপান্তর করার চেষ্টা করছি এবং যে জিনিসগুলির সাথে আমার অসুবিধা হচ্ছে তার মধ্যে একটি হ'ল লুপের উপর ভিত্তি করে এন সংখ্যাগুলির রেন্ডারিং করা। আমি বুঝতে পারি এটি সম্ভব নয়, বা প্রস্তাবিত এবং এটি যেখানে মডেলটিতে একটি অ্যারে উপস্থিত থাকে এটি ব্যবহারের সম্পূর্ণ ধারণা দেয় …

145 javascript  jquery  reactjs  react-jsx 

আমি একটি সাধারণ রেন্ডার ফাংশন সহ একটি উপাদান যুক্ত করে প্রতিক্রিয়া অন্বেষণ শুরু করেছি: render() { return <div class="myApp"></div> } আমি যখন অ্যাপটি চালাচ্ছি তখন আমি নিম্নলিখিত ত্রুটিটি পেয়েছি: Warning: Unknown DOM property class. Did you mean className? আমি পরিবর্তন করে এই সমাধান করতে পারে classথেকে className। প্রশ্ন হচ্ছে; প্রতিক্রিয়া …

113 javascript  reactjs  react-jsx 

আমি রিঅ্যাকটিজেএসে একটি সাইট তৈরি শুরু করার চেষ্টা করছি। যাইহোক, আমি যখন আমার জেএসকে একটি পৃথক ফাইলে রাখার চেষ্টা করেছি, তখন আমি এই ত্রুটিটি পেতে শুরু করেছি: "আনচাক্ট সিনট্যাক্স এরিয়ার: অপ্রত্যাশিত টোকেন <"। আমি /** @jsx React.DOM */জেএস ফাইলের শীর্ষে যুক্ত করার চেষ্টা করেছি , তবে এটি কিছুই ঠিক করে …

110 javascript  html  reactjs  react-jsx 

আমার কাছে একটি ফাইল টেস্ট_স্টফ.জে রয়েছে যা আমি চালাচ্ছি npm test এটি দেখতে বেশ সুন্দর দেখাচ্ছে: import { assert } from 'assert'; import { MyProvider } from '../src/index'; import { React } from 'react'; const myProvider = ( <MyProvider> </MyProvider> ); describe('Array', function() { describe('#indexOf()', function() { it('should return -1 …

107 javascript  reactjs  npm  react-jsx 

আমি টেক্সট এডিটর হিসাবে সাব্লাইম টেক্সট ব্যবহার করছি। জাভাস্ক্রিপ্ট ফাইল ফর্ম্যাট করার জন্য একটি জেএসফর্ম্যাট আছে তবে আমি জেএসএক্সের জন্য একটিও পাই না। আপনি ছেলেরা কীভাবে জেএসএক্স ফর্ম্যাটিং করবেন?

91 reactjs  sublimetext  react-jsx 

আমি বুঝতে পারছি কীভাবে (এবং কেন ) জেএসএক্সে একটি সাদা স্থান যুক্ত করবেন, তবে আমি ভাবছি কোনটি সেরা অনুশীলন বা যদি কোনও বাস্তব পার্থক্য করে? উভয় উপাদান একটি স্প্যান মধ্যে মোড়ানো <div className="top-element-formatting"> <span>Hello </span> <span className="second-word-formatting">World!</span> </div> এগুলিকে এক লাইনে যুক্ত করুন <div className="top-element-formatting"> Hello <span className="second-word-formatting">World!</span> </div> জেএস …

91 javascript  reactjs  react-jsx