首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >仅用于此组件的查询选择器

仅用于此组件的查询选择器
EN

Stack Overflow用户
提问于 2021-09-18 11:29:15
回答 1查看 57关注 0票数 0

我给我的div增加了一个高度,就像这样:

代码语言:javascript
运行
复制
  const parentRef = useRef();

  useEffect(() => {
    let collapseHeight = parentRef.current.scrollHeight   
    const collapse = document.querySelector('.collapse-content-parent')
    collapse.style.height = collapseHeight + "px" 
  }, []); 

当同一组件有多个实例时,这只会选择页面上的第一个div。

我想做一些事情,比如将querySelector替换为我的参考文献,这样它就特别适用于组件:

代码语言:javascript
运行
复制
  const parentRef = useRef();

  useEffect(() => {
    let collapseHeight = parentRef.current.scrollHeight   
    parentRef.style.height = collapseHeight + "px" 
  }, []); 

但上述各点如下:

TypeError: Cannot set properties of undefined (setting 'height')

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2021-09-18 11:37:11

不要使用parentRef.style.height,而要使用此parentRef.current.style.height

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/69234217

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档