JSFiddle - React, Tailwind, and code Playground

HTML

<a class="editable">Иван Петров</a><input value="Иван Петров"/>

CSS

.editable + input {
    display: none;
}

.editable.editing {
    display: none;
}

.editable.editing + input {
    display: block;
}

JavaScript

$('.editable').on('click', function () {
    $(this).addClass('editing');
})