JSFiddle - React, Tailwind, and code Playground
HTML
<input type="radio" id="opcao-nao" name="opcao" value="Nao" checked="checked"/>
<label for="opcao-nao">Não</label>
<input type="radio" id="opcao-sim" name="opcao" value="Sim"/>
<label for="opcao-sim">Sim</label>
<br/>
<label id="label-motivo" for="motivo" class="invisivel">Motivo</label>
<textarea id="motivo" name="motivo" class="invisivel">
</textarea>
CSS
.invisivel{
display: none;
}
JavaScript
const label = document.getElementById('label-motivo');
const textarea = document.getElementById('motivo');
const radio_sim = document.getElementById('opcao-sim');
const radio_nao = document.getElementById('opcao-nao');
radio_sim.addEventListener('change', function(){
label.classList.remove('invisivel');
textarea.classList.remove('invisivel');
});
radio_nao.addEventListener('change', function(){
label.classList.add('invisivel');
textarea.classList.add('invisivel');
});