Pelo que entendi componente não é atualizado - react

[guilhermecostalopes]

PregaoIniciarjsx

import {
    AppBar,
    FormControl,
    InputLabel,
    makeStyles,
    MenuItem,
    Select
} from '@material-ui/core';
import React, { useState, Component } from 'react';
import { connect } from 'react-redux';
import { bindActionCreators } from 'redux';
import { todosAtivosPorEmpresa } from './PregaoIniciarAcoes';
class PregaoIniciar extends Component {

    componentWillMount() {
        this.props.todosAtivosPorEmpresa()
    }

    preenchimentoLicitacao = () => {
        const licitacoes = this.props.todosAtivosPorEmpresa() || [];
        return licitacoes.map(licitacao => (
            <MenuItem value={licitacao.id}>{licitacao.numeroAno}</MenuItem>
        ))
    }
    render(){
        return (
            <FormControl variant="outlined">
                <InputLabel id="demo-simple-select-outlined-label">Licitação</InputLabel>
                <Select
                    label="Licitação"
                >
                    <MenuItem value=""><em>Nenhum</em></MenuItem>
                    { this.preenchimentoLicitacao() }
                </Select>
            </FormControl>
        )
    }
}
const mapStateToProps = state => ({listaLicitacao: state.pregaoInicial.licitacoes})
const mapDispatchToProps = dispatch => 
    bindActionCreators({todosAtivosPorEmpresa}, dispatch)
export default connect(mapStateToProps, mapDispatchToProps)(PregaoIniciar)

PregaoIniciarAcoes.jsx

import axios from 'axios'

const URL = `http://localhost:8080/pregao-presencial-api/licitacao/`

export const todosAtivosPorEmpresa = () => {
    return (dispatch) => {
        const request = axios.get(`${URL}todosAtivosPorEmpresa/1`)
            .then(resp => {
                    dispatch({type: 'TODAS_LICITACOES_ATIVOS_POR_EMPRESA', payload: resp.data})
                }
            )
    }
}

PregaoInicialReducer

const INITIAL_STATE = { }

export default (state = INITIAL_STATE, action) => {
    switch(action.type) {
        case 'TODAS_LICITACOES_ATIVOS_POR_EMPRESA':
            return { ...state, licitacao: action.payload }
        default:
            return state
    }
}

reducers.jsx

import { combineReducers } from 'redux';
import PregaoInicialReducer from '../views/pregaoIniciar/PregaoInicialReducer';
import PregaoItemReducer from '../views/pregaoItemPesquisar/PregaoItemReducer';
const rootReducer = combineReducers ({
pregao: PregaoItemReducer,
pregaoInicial: PregaoInicialReducer
})
export default rootReducer;

index.jsx

import React from 'react';
import ReactDOM from 'react-dom';
import { Provider } from 'react-redux';
import { applyMiddleware, createStore } from 'redux';
import multi from 'redux-multi';
import promise from 'redux-promise';
import thunk from 'redux-thunk';
import App from './main/App'
import reducers from './main/reducers';
import * as serviceWorker from './serviceWorker';
const devTools = window.__REDUX_DEVTOOLS_EXTENSION__ 
    && window.__REDUX_DEVTOOLS_EXTENSION__()
const store = applyMiddleware(thunk, multi, promise)(createStore)(reducers, devTools)
ReactDOM.render(
    <Provider store={store}>
        <App />
    </Provider>
    , document.getElementById('root')
);
serviceWorker.unregister();

O Componente PregaoIniciar, é um modal, ao abrir ele vai no banco de dados buscar as licitações e montar no componente select

Ele vai ao banco de dados, busca os registros, status 200, mas não muda o componente, entendo que o componente é criado antes do sistema ir ao banco.

O que pode ser ?

[gabriel-hahn]

Aparentemente, você está preenchendo uma propriedade 'licitacao' no reducer, porém no componente PregaoIniciar você está esperando por uma alteração na propriedade 'licitacoes' do state. Tente alterar para que utilizem a mesma propriedade e veja se funciona. Você também deve utilizar o 'listaLicitacao' dentro do componente para recuperar estas informações :)

Na prática: Esta linha const mapStateToProps = state => ({listaLicitacao: state.pregaoInicial.licitacoes}) mapeia uma propriedade do state 'pregaoInicial' chamada 'licitacoes' para o this.props do teu componente (this.props.listaLicitacao). Se você utilizar o nome 'licitacoes' no reducer return { ...state, licitacao: action.payload } e usar o this.props.listaLicitacao no lugar de chamar a action novamente em const licitacoes = this.props.todosAtivosPorEmpresa() || [];, deve funcionar.