JavaScript за Radu TM • June 16, 2022
import React, { useState } from 'react';
function App() {
// Відстежувати, що було вставлено в стан
const [pastedText, setPastedText] = useState('');
// Оновлювати стан, коли користувач вставляє щось
const handlePaste = e => {
// Отримати дані буфера обміну
const clipboardData = e.clipboardData || window.clipboardData;
// Отримати вставлені дані як текст
const pastedData = clipboardData.getData('text');
// Оновити стан з вставленими даними
setPastedText(pastedData);
};
return (
<div>
<h1>Обробити подію onPaste у React</h1>
<textarea
onPaste={handlePaste}
placeholder="Вставте тут щось!"
></textarea>
{/* Показувати вставлений текст лише тоді, коли є що показувати */}
{pastedText && <p>{pastedText}</p>}
</div>
);
}
export default App;
0
28.360