Skip to content

পোস্ট

ভ্যানিলা জাভাস্ক্রিপ্ট থেকে React ইনপুট ভ্যালু পরিবর্তন করা

২৭ জুলাই, ২০২০ • 1 মিনিট পড়া

ভ্যানিলা জাভাস্ক্রিপ্ট থেকে React ইনপুট ভ্যালু পরিবর্তন করা

সংক্ষিপ্ত উত্তর:

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-এ দেখুন।

↑ উপরে ফিরে যান

আপনি এগুলোও পছন্দ করতে পারেন