প্রতিক্রিয়া কি সমস্ত উপাদান এবং উপ উপাদানগুলি প্রতিবার setStateবলা হয়?
যদি তাই হয় তবে কেন? আমি ভেবেছিলাম ধারণাটি ছিল যে প্রতিক্রিয়া কেবলমাত্র প্রয়োজন হিসাবে সামান্য রেন্ডার হয়েছিল - যখন রাষ্ট্র পরিবর্তন হয়।
নিম্নলিখিত সাধারণ উদাহরণে, পাঠ্যটি ক্লিক করা হলে উভয় শ্রেণি আবার রেন্ডার করে, যদিও পরবর্তী ক্লিকগুলিতে রাষ্ট্র পরিবর্তন হয় না, অনক্লিক হ্যান্ডলার সর্বদা stateএকই মানকে সেট করে :
this.setState({'test':'me'});আমি আশা করতাম যে stateডেটা পরিবর্তিত হলে রেন্ডারগুলি কেবল ঘটত ।
এখানে জেএস ফিডাল এবং এম্বেড স্নিপেট হিসাবে উদাহরণের কোডটি দেওয়া হয়েছে :
var TimeInChild = React.createClass({
render: function() {
var t = new Date().getTime();
return (
<p>Time in child:{t}</p>
);
}
});
var Main = React.createClass({
onTest: function() {
this.setState({'test':'me'});
},
render: function() {
var currentTime = new Date().getTime();
return (
<div onClick={this.onTest}>
<p>Time in main:{currentTime}</p>
<p>Click me to update time</p>
<TimeInChild/>
</div>
);
}
});
ReactDOM.render(<Main/>, document.body);<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.0.0/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.0.0/react-dom.min.js"></script>[1]: http://jsfiddle.net/fp2tncmb/2/
আমার একই সমস্যা ছিল, সঠিক সমাধান আমি জানি না। তবে আমি সেই উপাদানটি থেকে অযাচিত কোডগুলি সাফ করে দিয়েছিলাম যা এটি যথারীতি কাজ শুরু করে।
—
জাইসন
আমি আপনার উদাহরণে এটি উল্লেখ করতে চাই - কারণ কীভাবে আপনার উপাদানটি ডিজাইন করা হয়েছে তা সম্পূর্ণ কোনও অনন্য রাষ্ট্রের উপর নির্ভর করে না -
—
তাদগ ম্যাকডোনাল্ড-জেনসেন
setState()এমনকি ডামি ডেটা সহ কল করাও উপাদানটিকে ভিন্নভাবে রেন্ডার করে তোলে তাই আমি হ্যাঁ বলব। অবশ্যই আপনার অবজেক্টটিকে পুনরায় রেন্ডার করার চেষ্টা করা উচিত যখন কোনও কিছু পরিবর্তিত হতে পারে কারণ অন্যথায় আপনার ডেমো - এটি অনুমিত আচরণ হিসাবে ধরে নেওয়া - কাজ করবে না!
আপনি ঠিক @ ট্যাডজিএমসিডোনাল্ড-জেনসেন ঠিকই থাকতে পারেন - তবে আমার বোঝা থেকে, প্রতিক্রিয়া এটিকে প্রথমবার উপস্থাপন করত (যেহেতু রাষ্ট্র কোনও কিছু থেকে প্রথম বারের মতো পরিবর্তিত হয়), তারপরে আর কখনও রেন্ডার করতে হয়নি। অবশ্যই আমি ভুল ছিলাম - যেমন দেখে মনে হচ্ছে যে প্রতিক্রিয়াটির জন্য আপনাকে নিজের
—
ব্র্যাড পার্কস
shouldComponentUpdateপদ্ধতি লিখতে হবে যা আমি ধরেছিলাম যে এর একটি সাধারণ সংস্করণ ইতিমধ্যে অবশ্যই প্রতিক্রিয়াতে অন্তর্ভুক্ত করা উচিত। রিঅ্যাক্টে অন্তর্ভুক্ত ডিফল্ট সংস্করণের মতো শব্দগুলি কেবল ফিরে আসে true- যা উপাদানটি প্রতি একক সময়টিকে পুনরায় রেন্ডার করতে বাধ্য করে।
হ্যাঁ তবে এটির জন্য কেবল ভার্চুয়াল ডিওএম-এ পুনরায় রেন্ডার করা দরকার যদি তখন উপাদানটি ভিন্নভাবে রেন্ডার করা হয় তবে এটি কেবল আসল ডিওএম পরিবর্তন করে। ভার্চুয়াল ডিওএম-এর আপডেটগুলি সাধারণত নগণ্য (কমপক্ষে প্রকৃত স্ক্রিনে জিনিসগুলিকে সংশোধন করার তুলনায়) তাই কল করার সময় যতবারই এটি আপডেট করার প্রয়োজন হতে পারে তখন দেখা যায় যে কোনও পরিবর্তন খুব ব্যয়বহুল এবং নিরাপদ নয় বলে ধরে নেওয়ার চেয়ে যে এটি একই রেন্ডার হওয়া উচিত।
—
তাদগ ম্যাকডোনাল্ড-জেনসেন