Обробити подію onPaste у React-Приклади коду

Radu TM

Обробити подію onPaste у React

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

Подібні JavaScript запити

Останні JavaScript запити

Відгуки про код за категоріями