Skip to main content
tags editadas
Link
Fonte Link

Como incluir vários textos em uma array na mesma função?

Estou tentando incluir em um array várias mensagens que estão na mesma função. Recebo algumas dados e faço algumas comparações de acordo com alguns requisitos, resultando em uma mensagem que preciso exibir na tela. São 26 situações ao todo, pensei em salvar em um array e fazer um .map() para exibir para o usuário. Mas como as comparações estão na mesma função, não estou conseguindo atualizar o state do array.

    const [messages, setMessages] = useState([])
    const calculateMan = () => {
        setOpen(true);
        let state = true
        //===========================================================================================================================================//
        ////- APOSENTADORIA POR IDADE URBANA DIREITO ADQUIRIDO ATÉ A DATA DA REFORMA (13.11.2019)
        if (age >= 65 && totalUrbanContri > 15) {
            setMessages([...messages, { content: 'Possível aposentadoria por idade urbana'}])
        } else {
            setMessages([...messages, { content: 'Não Possível aposentadoria por idade urbana'}])
        }
        //===========================================================================================================================================//
        //APOSENTADORIA POR IDADE HÍBRIDA DIREITO ADQUIRIDO ATÉ A DATA DA REFORMA (13.11.2019)
        if (age >= 65 && totalUrbanContri + totalRuralContri >= 15){
            setMessages([...messages, { content:'Possível aposentadoria por idade hibrida'}])
        } else {
            setMessages([...messages, { content:'Não possível aposentadoria por idade hibrida'}])
        }
        //===========================================================================================================================================//
        //APOSENTADORIA POR TEMPO DE CONTRIBUIÇÃO – DIREITO ADQUIRIDO ATÉ A DATA DA REFORMA (13.11.2019)
        if (totalUrbanContri >= 15) {
            let especial15 = totalEspecialQuinzeContri * 2.33 
            let especial20 = totalEspecialVinteContri * 1.75 
            let especial25 = totalEspecialVinteCincoContri * 1.40
            let totalAteReforma = totalUrbanContri + totalRuralContri + especial20 + especial25 + especial15 + totalProfessorContribuicao 
            if (totalAteReforma>= 35) {
                setMessages([...messages, { content: 'Apto a aposentadoria por tempo de contribuição'}])
            } else {
                setMessages([...messages, { content: 'Não apto a aposentadoria por tempo de contribuição'}])
            }
        }
    }

Aqui só tem 3 condiçoes, mas ao todo são 26. Do jeito que está ali, quando faço um map() o resultado é sempre o último elemento do array pra toda vez que eu clico.

                    <button className="px-4 py-2 text-white bg-green-500 rounded-md" onClick={()=> data.gender == 1 ? calculateMan() : calculateWoman()}>
                        Calcular
                    </button>

Estou exibindo os resultados em um Modal, mas a cada click ele insere somente a última mensagem na tela. Quer dizer que ele roda todas as 26 situações e salva em messages somente o resultado da última situação.

      const body = (
        <div style= {{justifyContent: 'center', alignItems: 'center', width: 'auto', height: '600px', background: '#fff'}}>
            {console.log(messages)}
            {messages !== [] && messages.map(message => (
                <div key={message.content}> 
                    {message.content}
                </div>
        ))}
        </div>
      );