React Hooks Статические переменные: свойство объекта vs useRef () - PullRequest
Новая
       10

React Hooks Статические переменные: свойство объекта vs useRef ()

1 голос
/ 01 октября 2019

Каковы преимущества или недостатки объявления статических переменных в функциональных компонентах React в хуке useRef() по сравнению с простым объявлением их как свойства объекта.

Метод useRef: 

import React, { useRef } from "react";

const MyComponent = () => {

  const staticProp = useRef("Hello, World!");

  return (
    <div>{staticProp.current}</div>
  )
}

export default MyComponent;

Подход свойства объекта: 

import React from "react";

const MyComponent = () => {

  return (
    <div>{MyComponent.staticPro}</div>
  )
}

MyComponent.staticProp = "Hello, World!";

export default MyComponent;

1 Ответ

1 голос
/ 01 октября 2019

Ссылки полезны для изменяемых значений , связанных с экземплярами вашего компонента. Они похожи на переменные экземпляра. Если переменная должна быть статической, вам не нужны ссылки. Вы можете объявить его как свойство функции вашего компонента или как константу во внешней области видимости: 

const staticProp = "Hello, World!";

const MyComponent = () => {
  return (
    <div>{staticProp}</div>
  )
}
...