1.===React：对遍历组件绑定ref=== - MC_mc - 沸点 - 掘金

前端

1.===React：对遍历组件绑定ref===
const Template = (props: any) => {
const mapRef = useRef<any>({})
// 获取各个组件的值
const handleClick = useCallback(() => {
let data = {}
for (let item of list) {
data[item.key] = mapRef.current?.[item.key]?.getValues()
}
console.log("data:", data)
}, [])
return (
<div>
{list.map((item) => (
<SubComponent
className="test"
key={item.key}
ref={(el) => (mapRef.current[item.key] = el)}
/>
))}
<button onClick={handleClick}>获取各个组件的值</button>
</div>
)
}
export default Template

2.===JS：复制单行内容到剪贴板===
function copyToClip(content: string) {
let input = document.createElement("input")
input.setAttribute("value", content)
document.body.appendChild(input)
input.select()
document.execCommand("copy")
document.body.removeChild(input)
message.success("已复制内容到剪贴板")
}

展开

今天学到了