Мне нужно обновить API внутри componentDidMount после того, как я setState в рендере

Я вызвал API, используя выборку внутри componentDidMount, но мне нужно, чтобы URL-адрес API менялся в соответствии с состоянием, которое я установил в textInput.

Я вижу, что мое состояние меняется в console.info(), но кажется, что оно не меняется внутри componentDidMount.

constructor(props) {
    super(props)
    this.state = {
      codigoCarro: "", //this is the state i need to change
    }
  } 

 componentDidMount() {

fetch
(`https://parallelum.com.br/fipe/api/v1/carros/marcas/${this.state.codigoCarro}/modelos`) //i need the state to change here
      .then((response) => response.json())
      .then((responseJson) => {
        this.setState({
          modeloCarro: responseJson.modelos
        })
      })
      .catch((error) => {
        console.info(error)
      })
  }

 render() {
      return (
              <Text>Please insert the number informed in the input below</Text>
              <TextInput
                placeholder = "Código da marca"
                onChangeText = {(codigoCarro) => { 
                  this.setState({ codigoCarro }); 
                }}
              />


      );
    }