UseRef как переменная. Это нормально?

Question

[uRoot]

Заметил такую практику. Так делать нормально? При условии, что тебе нужна переменная, которая будет держать значнение и не потеряет его при рендере. Какие есть ещё хаки/фишки аналогичны этой?

Answer 1

[0xD34F]

Нормально, об этом прямо говорится в документации:

The useRef() Hook isn’t just for DOM refs. The “ref” object is a generic container whose current property is mutable and can hold any value, similar to an instance property on a class.

Comments

[uRoot]

О, спасибо. А не подскажите тогда как в
const answEffect = useRef([])
как дефолтное значение поместить сразу результат фильтрации? Что-то типа этого:

const availableEffects = useRef( Object.values(allEffects).filter(all => !answEffect.current.includes(all.animalName)) )

Просто если так и сделать, то availableEffects будет пустым.

[0xD34F]

uRoot, не подскажу. Ваш вопрос был не об этом. Идите задавайте новый, где будет рассказано, что за задачу вы пытаетесь решить.

Answer 2

[Валерий]

Также, можно создать переменную вне области видимости функции компонента