当前位置:  开发笔记 > 编程语言 > 正文

React ref返回一个'Connect'对象而不是DOM

如何解决《Reactref返回一个'Connect'对象而不是DOM》经验,为你挑选了1个好方法。

我正在尝试为通过map函数创建的自定义组件创建动态参考.

class PostsList extends Component {

  constructor(props) {
    super(props);
  }

  componentDidUpdate = () => {
    console.log(this.refs);
  }

  render() {
    let posts = this.props.posts || [];
    return (
        
{posts.map((post) => { return })}
); } } export default PostsList

console.log返回正确的DOM节点refs.test,但在循环的那些,它返回一个Connect对象. 截图

有人能指出我正确的方向吗?



1> Or B..:

它似乎Post是一个连接组件,而你实际上想要包装它.

你必须连接withRef: true:

connect(null, null, null, { withRef: true })(Post);

然后getWrappedInstance()用来获取底层连接组件:

this.refs[].getWrappedInstance()

来自文档:

[withRef](Boolean):如果为true,则将ref存储到包装的组件实例,并通过getWrappedInstance()方法使其可用.默认值:false


在我的`Post.jsx`中,我添加了`export default connect(mapStateToProps,null,null,{withRefs:true})(Post);`当我尝试在我的PostList.jsx中调用`getWrappedInstance()`时,它发出错误`错误:要访问包装的实例,你需要在connect()调用的options参数中指定{withRef:true}.编辑:抱歉,我现在看到我的错误,应该是withRef,而不是withRefs
推荐阅读
夏晶阳--艺术
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有