React DOM document.querySelector的替代

React DOM document.querySelector的替代

使用 ref 进行替代,ref 能将节点暴露出来,让你在组件中任何位置使用.但ref应该避免滥用,详情请参考 react 文档

使用方式

const qrimgRef = React.useRef();
//需要使用时可通过 current 访问 src 或其他属性.
qrimgRef.current.src = qrimg;
//在需要获取的节点传入对应的 ref
<QrImg ref={qrimgRef}></QrImg>