useState () возвращает неопределенное значение, и я не знаю почему

Question

Может кто-нибудь сказать мне, почему оператор console.log возвращает undefined. Я понимаю, что это было бы неопределенным, если бы он получал данные из API, но данные расположены над ним?

const Slider = () => {
  const movies = {
    1: {
      title: "first title",
      image: "first image",
      url: "first url"
    },
    2: {
      title: "second title",
      image: "second image",
      url: "second url"
    },
    3: {
      title: "third title",
      image: "third image",
      url: "third url"
    },
    4: {
      title: "third title",
      image: "thirs image",
      url: "third url"
    }
  }

  const [ currentMovie, setMovie ] = useState(movies[0])
  const [ active, setActive ] = useState(0)
  console.log(currentMovie)
}

Answer 1

здесь вы используете javascript объект, а не массив, и нет ключа для 0. Таким образом, действительно, результат для фильма [0] не определен