如何在React-Redux中使用refs

编程问答 2022-06-11

问题描述

我正在使用React-Redux项目，但无法在我的项目中传递引用。基本上，我已经在父组件中声明了createRef方法。 像这样：

content = React.createRef();

在reducer中，我称之为：

expand: state.toggle === "active" ? "0px" : `${this.content.current.scrollHeight}px`

然后将其传递给子组件：

ref = {this.content}

然后在子组件中，使用正向引用方法传递此引用：

import React from 'react';

export const Accordion = React.forwardRef((props,ref) => {
    return(
        <div>
            <button className={`accordion ${props.active}`} onClick = {props.toggleAccordion}>
                {props.title}
            </button>
            <div className="panel" ref={ref} style = {{maxHeight: `${props.height}`}}>
                {props.content}
            </div>
        </div>
    );
})

此外，我已经应用了这种逻辑：

export default connect(mapStatetoProps,mapdispatchToProps,null,{ forwardRef: true } )(App);

并且仍然无法阅读裁判

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

javascriptreact-reduxreactjsreactjsrefs