React Hooks 静态变量：对象属性与 useRef()答案

【问题标题】：React Hooks Static Variables: Object Property vs useRef()React Hooks 静态变量：对象属性与 useRef()
【发布时间】：2020-01-30 05:29:51
【问题描述】：

在 useRef() 钩子内的 React 功能组件中声明静态变量与简单地将它们声明为对象属性有哪些优点或缺点。

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;

【问题讨论】：

标签： javascript reactjs static react-hooks

【解决方案1】：

Refs 对于绑定到组件实例的mutable values 很有用。它们类似于实例变量。如果变量应该是静态的，则不需要引用。您可以将其声明为组件函数的属性，也可以声明为外部范围内的常量：

const staticProp = "Hello, World!";

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

【讨论】：