Question

这里是我的沙箱：https://stackblitz.com/edit/react-h1uaph

我的控制台返回了我

ref.current为空

但是我无法理解，因为我在函数参数中传递了ref。我已经读过我无法从render函数访问ref，也许以此类推，对于return函数是相同的-在功能组件中？如果是这种情况，我该如何从功能组件访问引用？

这是我的摘录：

import React from "react"
import ReactDOM from "react-dom"

const accessRef=(elementRef)=>{
  if(elementRef && !elementRef.current) console.log("elementRef.current is null")

}

function App() {

  let child1=React.createRef(); 

  return(
        <div 
          ref={child1}
          name="child1"
          className="circle_container pic2" 
          style={accessRef(child1)}
        >  hello world
        </div> 
  )
}

ReactDOM.render(<App/>, document.getElementById("root"))

任何提示都会很棒，谢谢

Answer 1

const accessRef = async elementRef => {
  if (elementRef && !elementRef.current) {
    const foo = await elementRef;
    console.log(foo.current);
  }
};

如何从功能中的组件访问外部功能中的参考电流？

1 个答案: