JSFiddle - React, Tailwind, and code Playground

HTML

<label>Mostrar somente algumas infos</label><br>
<button id="changeDisplay">
Ok!
</button><br><br>

<label>Filtrar por Número ou ano</label><br>
<input id="filter"><br>
<button id="button" onclick="setFilter()">
Ok!
</button><br><br>
<br><label>Resultado</label>
<br>
<p class="result" id="result">

</p>

<p class="result" id="resultado">

</p>

CSS

/* Fazendo estilização do conteúdo como na dúvida número 3*/
.result {
  width: 200px;
  color: blue;
}

JavaScript

var data = [
    {
        "codigoTipoContratacao": 1,
        "tipoContratacao": "CONTRATO",
        "numero": 2,
        "ano": 2013,
        "unidadeGestora": "ISC",
        "codUnidadeGestora": 160000,
        "nomeFornecedor": "FUNDACAO UNIVERSIDADE DE BRASILIA",
        "cnpjFornecedor": "00038174000143",
        "objeto": "Prestação de serviços educacionais técnico-especializados. Participação de servidores/colaboradores do TCU no curso de Pós-graduação lato sensu em Auditoria Pública, turma 2013.",
        "valorInicial": 326000,
        "dataAssinatura": "2013-08-02T00:00:00-0300",
        "dataInicioVigencia": "2013-08-02T00:00:00-0300",
        "dataTerminoVigencia": "2015-02-28T00:00:00-0300",
        "numeroProcesso": "043.525/2012-1",
        "modalidadeLicitacao": "DISPENSA DE LICITAÇÃO",
        "numeroAditamentos": 0,
        "valorAtualizado": 326000,
        "dataTerminoVigenciaSegundoAditamentos": "2015-02-28T00:00:00-0300",
        "codigo": 2524,
        "codigoModalidadeLicitacao": 48
    },
    {
        "codigoTipoContratacao": 11,
        "tipoContratacao": "REGISTRO DE PREÇOS",
        "numero": 7,
        "ano": 2015,
        "unidadeGestora": "SEGEDAM",
        "codUnidadeGestora": 170000,
        "nomeFornecedor": "DECATRON AUTOMACAO E TECNOLOGIA DE INFORMACAO LTDA",
        "cnpjFornecedor": "00205354000172",
        "objeto": "Fornecimento de solução composta por licenças de uso de produtos VMware, subscrição de suporte telefônico do fabricante e atualização de versão, upgrade de licenças existentes, serviços de suporte on-site e treinamento.",
        "valorInicial": 0,
        "dataAssinatura": "2015-03-13T00:00:00-0300",
        "dataInicioVigencia": "2015-03-19T00:00:00-0300",
        "dataTerminoVigencia": "2016-03-18T00:00:00-0300",
        "dataPublicacao": "2015-03-16T00:00:00-0300",
        "numeroProcesso": "027.454/2014-2",
        "modalidadeLicitacao": "PREGÃO ELETRÔNICO",
        "anoLicitacao": 2015,
       ...