JSFiddle - React, Tailwind, and code Playground
HTML
<html>
<body>
<input class="data1" id="first" name="first" type="text" value="john" />
<br/>
<input class="data1" id="first" name="first" type="text" value="doe" />
</body>
</html>
JavaScript
$('.data1').removeAttr('readonly'); //edit mode