将数据数组复制到剪贴板

Question

我有一个Flask后端和一个React前端。在某些时候，数据从后端发送到前端，在前端数据被用于几件事情。无论哪种方式，当数据从后端传输到前端时，我只需在页面加载时按照如下方式保存它:

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

因此，我的数据现在应该存储为data。这里的data是一个数字/值的数组。现在我想点击一个按钮，然后把数据复制到剪贴板上，然后我可以把它粘贴到Excel或其他地方。

我似乎找不到任何好的解决办法。所以我想知道这是如何做到的，如果不写100行代码甚至是可能的?

Answer 1

您可以使用:

设置剪贴板文本

navigator.clipboard.writeText(data)

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