1

В своем проекте React Typescript я использую хук useRef и далее пытаюсь получить свойство current.

const audioPlayer = useRef<HTMLMediaElement>(null);

Далее пишу: audioPlayer.current.currentTime и TS ругается на на что audioPlayer.current может быть null.

Приходится каждый раз делать проверку if (audioPlayer.current)

И таких случаев очень много, что делает код не очень приятным введите сюда описание изображения

Это можно как-то упростить?

7
  • 1
    audioPlayer?.current?.currentTime. Подробнее в документации
    – EzioMercer
    Commented 6 июн. 2022 в 9:43
  • Я использую присваивание поэтому TS ругается, что "Левая часть выражения присваивания не может быть обращением к необязательному свойству." Commented 6 июн. 2022 в 9:46
  • Такс, тогда пожалуйста показывайте ваш код полностью (не всмысле прям весь код, а где идёт проверка и присвоение)
    – EzioMercer
    Commented 6 июн. 2022 в 9:47
  • if (audioPlayer.current) audioPlayer.current.currentTime = +(progressBar.current?.value || 1); Commented 6 июн. 2022 в 9:51
  • Такие детали надо вставлять в сам вопрос, чтобы все сразу всё видели
    – EzioMercer
    Commented 6 июн. 2022 в 9:52

1 ответ 1

-1

В TypeScript для этого можно использовать оператор !

const audioPlayer = useRef<HTMLMediaElement>(null);

...

audioPlayer.current!.play()
//                ^^^^

3
  • и в данном случае это может вызвать ошибку во время выполнения, когда значение действительно null
    – Grundy
    Commented 2 мар. 2023 в 13:07
  • @Grundy, вопрос прочитай > Приходится каждый раз делать проверку if (audioPlayer.current) Commented 5 мар. 2023 в 16:57
  • Потому что поле действительно может быть null, как только ты убираешь проверку, есть вероятность, что попробуешь обратиться к полю, когда его значение null - и вполне себе упадешь
    – Grundy
    Commented 5 мар. 2023 в 17:24

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.