这是我的代码
import { useEffect, useRef, useState } from "react";
import PostContainer from "./postContainer.jsx"
export function App(props) {
const postContainerRef=useRef()
useEffect(()=>{
console.log(postContainerRef.current)
},[postContainerRef])
return (
<div className='App'>
<h1>Hello React.</h1>
<PostContainer
ref={postContainerRef}
some_prop={"meow"} />
</div>
);
}
在这里我想使用它,postContainerRef
一旦它被设置了,但它只是记录未定义。我尝试使用它[postContainerRef.current]
作为依赖项数组,但它也没有做任何事情。
import { useState, useEffect, useRef, forwardRef } from "react";
const PostContainer = forwardRef((props, ref) => {
useEffect(()=>{
console.log(ref.current)
},[ref])
return <>
<div>This is Container</div>
</>
})
export default PostContainer
我还想在容器元素被渲染后访问它,但它也记录未定义。