পোস্ট
ভ্যানিলা জাভাস্ক্রিপ্ট থেকে React ইনপুট ভ্যালু পরিবর্তন করা
২৭ জুলাই, ২০২০ • 1 মিনিট পড়া

সংক্ষিপ্ত উত্তর:
function setNativeValue(element, value) {
let lastValue = element.value;
element.value = value;
let event = new Event("input", { target: element, bubbles: true });
// React 15
event.simulated = true;
// React 16
let tracker = element._valueTracker;
if (tracker) {
tracker.setValue(lastValue);
}
element.dispatchEvent(event);
}
var input = document.getElementById("ID OF ELEMENT");
setNativeValue(input, "VALUE YOU WANT TO SET");
রেফারেন্স: https://stackoverflow.com/a/52486921/17360
বিস্তারিত উত্তর:
React নেটিভ জাভাস্ক্রিপ্ট onChange আচরণকে ওভাররাইড করে। একটি onChange ইভেন্ট ট্রিগার করা React-এর দৃষ্টিতে ইনপুট ফিল্ডের ভ্যালু পরিবর্তন করতে কিছুই করে না। React-এর কাছে ভ্যালুটি এখনও অপরিবর্তিত, যদিও ব্যবহারকারী স্ক্রিনে ভ্যালুটি স্পষ্টভাবে দেখতে পারে। উপরের কোডটি React-এও পরিবর্তনটি ট্রিগার করে।
লেখক: চাক কনওয়ে সফটওয়্যার ইঞ্জিনিয়ারিং এবং জেনারেটিভ এআই-তে বিশেষজ্ঞ। তার সাথে সোশ্যাল মিডিয়ায় যোগাযোগ করুন: X (@chuckconway) অথবা তাকে YouTube-এ দেখুন।