axiosリクエストに反応します。setStateは応答オブジェクトを読み取ることができません

import React, {Component} from 'react';
import axios from 'axios';

class Search extends Component {
    constructor(props) {
        super(props);

        this.state= {
            sights: 'cat',
            city:''
        }
    }

    onInputChange(city) {
        this.setState({city});
        this.handleSubmit(city);
    }

    handleSubmit(event) {
        axios.get(
            "https://maps.googleapis.com/maps/api/place/textsearch/json?query=attractions+in+" +
            this.state.city +
            "&key=AIzaSyC5d4W-ei6o_C3eCrnJl24nuaeuAemhoJQ",
                    {
                    mode: "no-cors",
                    header: {
                        "Access-Control-Allow-Orgin": "http://localhost:8080",
                        "Content-Type": "application/json",
                        "Access-Control-Allow-Headers":
                        "Origin, X-Requested-With, Content-Type, Accept"
                    },
                    withCredentials: true,
                    credentials: "same-origin"
                    }
                )
                .then((res) => console.log(res.data.results))
                .then((res) => {
                    this.setState({ sights: res.data.results });
                })
                .then(console.log('got here'))
                .catch(function(err) {
                    console.log("err", err);
                })
        }
    

    render(){
        return (
            <div>
            <h2>{this.state.city}</h2>
            <h4>{this.state.sights}</h4>
            <input 
                value={this.state.city}
                onChange={(event)=> this.onInputChange(event.target.value)} /> 
            </div>
        )
    }
}

export default Search;

.then((res) => console.log(res.data.results))
                    .then((res) => {
                        this.setState({ sights: res.data.results });
                    })
                    .then(console.log('got here'))