JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr>
        <td>
            <input required="required" value="Evento" name="tipo" id="evento" type="radio" />
            <label for="tipo">Evento.</label>
            <input required="required" value="Viagem" name="tipo" id="viagem" type="radio" />
            <label for="tipo">Viagem</label>
        </td>
    </tr>
</table>
<table id="tevento" class="tabelaextra escondida"><tr><td>Tabela de Eventos</td></tr></table>
<table id="tviagem" class="tabelaextra escondida"><tr><td>Tabela de Viagens</td></tr></table>

CSS

.escondida {
    display:none;
}

JavaScript

$('input[type="radio"]').on('click', function () {
    $('.tabelaextra').addClass('escondida')
    $('#t' + this.id).removeClass('escondida');
});