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

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

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

বিস্তারিত উত্তর:

রিঅ্যাক্ট নেটিভ জাভাস্ক্রিপ্ট onChange আচরণকে ওভাররাইড করে। একটি onChange ইভেন্ট ট্রিগার করা রিঅ্যাক্টের দৃষ্টিতে ইনপুট ফিল্ডের মান পরিবর্তন করতে কিছুই করে না। রিঅ্যাক্টের কাছে মান এখনও অপরিবর্তিত, যদিও একজন ব্যবহারকারীর কাছে মানটি স্পষ্টভাবে স্ক্রিনে দেখা যায়। উপরের কোডটি রিঅ্যাক্টে পরিবর্তনও ট্রিগার করে।