如何在React中的输入字段中的输入文本旁边添加永久标签

import React, { useState } from 'react';

const InputWithLabel = () => {
  const [inputValue, setInputValue] = useState('');
  const [labelValue, setLabelValue] = useState('');

  const handleInputChange = (e) => {
    setInputValue(e.target.value);
  };

  const handleAddLabel = () => {
    setLabelValue(inputValue);
    setInputValue('');
  };

  return (
    <div>
      <input type="text" value={inputValue} onChange={handleInputChange} />
      <button onClick={handleAddLabel}>Add Label</button>
      <div>{labelValue}</div>
    </div>
  );
};

export default InputWithLabel;