如何解决从类到功能组件的引用
我使用父类中的 ref
来访问子类。
但是在这种情况下,我想从父类访问子功能组件。
在父类中。
class Waveform extends Component {
constructor(props){
super(props);
this.track_0Ref = React.createRef();
}
handlePlay = () => {
console.log("play button click");
var node = this.track_0Ref.current
console.log(node); // show null......
}
render() {
return (
<AudioTrack trackNum="0" ref={this.track_0Ref}/>
)
}
}
在子功能组件中。
const AudioTrack = (props) => {
useEffect(() => {});
return(
<GridContainer>
<PlayButton onClick={this.handlePlay} />
<div id=track0 ></div>
</GridContainer>
);
}
父类中似乎没有对象this.track_0Ref.current
...
我应该哪里错了??
解决方法
AudioTrack
需要将通过 ref
提供的 props.ref
转发到实际的 DOM 元素。
例如
<div id="track0" ref={props.ref}/>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。