将数据数组复制到剪贴板

Question

我有一个 Flask 后端和一个 React 前端。在某些时候，数据从后端发送到前端，数据用于多种用途。无论哪种方式，当数据从后端传到前端时，我只是在页面加载时将其保存如下：

const [data, setData] = useState[]

useEffect(() => {
    setData(<data from backend>);
}, []);

因此，我的数据现在应该存储为 data。而这里的data只是numbers/values的一个数组。现在我只想单击一个按钮或其他东西，然后将数据复制到剪贴板，然后我可以将其粘贴到 Excel 或其他东西中。

我似乎找不到任何好的解决方案。所以我想知道这是如何完成的，是否甚至可以不写 100 行代码？

Answer 1

您可以设置剪贴板文本：

navigator.clipboard.writeText(data)

并且你可以设置onClick事件或者在获取数据后定义的useEffact钩子中设置。

Copy array of data to clipboard