Javascript无法更改输入值

<input type="text" id="myInput" disabled>

document.getElementById('myInput').removeAttribute('disabled');

<input type="text" id="myInput" readonly>

document.getElementById('myInput').removeAttribute('readonly');

document.getElementById('myInput').addEventListener('input', function(event) {
    event.preventDefault();
});

var inputElement = document.getElementById('myInput');
inputElement.removeEventListener('input', preventDefaultFunction);

import React, { useState } from 'react';

function MyComponent() {
    const [value, setValue] = useState('');

    return (
        <input
            type="text"
            value={value}
            onChange={(e) => setValue(e.target.value)}
        />
    );
}