useStateの更新について

Question

ReactでAPI通信で返ってきた結果をuseStateで更新したのですが、うまくいきません(初期値の空配列のまま、2回目からは値が更新されている)
ご教示頂けますでしょうか。

import React, { FC, useState } from 'react'

export const MusicSearch: FC = () => {
  const [keyword, setKeyword] = useState('')
  const [results, setResults] = useState<any[]>([])

  const inputKeyword = (e: React.ChangeEvent<HTMLInputElement>) => {
    setKeyword(e.target.value)
  }

  const keywordSearch =  (e: React.MouseEvent<HTMLButtonElement>) => {
    e.preventDefault()

    let music = MusicKit.getInstance()
    music.api
      .search(keyword, { limit: 20, types: 'artists,songs' })
      .then((datas: any) => {
        // ここconsole.logでは値がある
        console.log(datas.songs.data)
        setResults(datas.songs.data)
        // ここconsole.logは[]になっている
        console.log(results)
      })
  }



　略
 
} 

• 試したこと

更新する値を別途変数化してそれを使って更新してみたのですがうまくいきませんでした。
https://chaika.hatenablog.com/entry/2020/01/03/090000

Answer 1

こちら解決しました。ありがとうございました