React "useRef"：无法访问.current中的方法

React的"useRef"是React提供的一个Hook函数，用于在函数组件中创建可变的引用。它返回一个可变的ref对象，该对象的.current属性可以用来存储和访问引用的值。

在使用"useRef"时，我们可以通过ref对象的.current属性来访问引用的值，但是无法直接访问.current中的方法。因为.current属性是一个普通的JavaScript对象属性，它只能存储和访问普通的JavaScript值，而不是函数。

如果我们想要在.current中存储一个具有方法的对象，可以使用普通的JavaScript对象来实现。例如，我们可以创建一个包含方法的对象，并将该对象存储在ref的.current属性中。然后，我们可以通过访问ref.current来获取该对象，并调用对象中的方法。

以下是一个示例代码：

import React, { useRef } from 'react';

function MyComponent() {
  const myRef = useRef();

  const handleClick = () => {
    const obj = myRef.current;
    if (obj && typeof obj.method === 'function') {
      obj.method();
    }
  };

  return (
    <div>
      <button onClick={handleClick}>调用方法</button>
    </div>
  );
}

export default MyComponent;

在上面的示例中，我们创建了一个名为myRef的ref对象，并将其存储在组件的状态中。然后，我们在handleClick函数中获取ref对象的当前值，并检查该值是否存在以及是否具有名为method的方法。如果存在并且是一个函数，我们就调用该方法。

需要注意的是，由于"useRef"返回的ref对象在组件的整个生命周期中保持不变，因此我们可以在多个渲染之间共享同一个ref对象。这在某些情况下非常有用，例如在处理表单输入时保存输入框的引用。

总结起来，"useRef"是React提供的一个用于创建可变引用的Hook函数。它返回一个ref对象，可以通过ref.current属性来存储和访问引用的值。但是，无法直接访问.current中的方法，需要通过获取ref.current的值，并检查该值是否存在以及是否具有所需的方法来调用方法。