如何使用reactjs获取字符串格式的值？

import React, { useState } from 'react';

function MyComponent() {
  const [stringValue, setStringValue] = useState('');

  // 其他组件代码...

  return (
    <div>
      {/* 渲染字符串值 */}
      <p>{stringValue}</p>
    </div>
  );
}

function MyComponent() {
  const [stringValue, setStringValue] = useState('');

  // 更新字符串值
  const handleInputChange = (event) => {
    setStringValue(event.target.value);
  };

  return (
    <div>
      {/* 输入框 */}
      <input type="text" value={stringValue} onChange={handleInputChange} />

      {/* 渲染字符串值 */}
      <p>{stringValue}</p>
    </div>
  );
}

function MyComponent() {
  const [stringValue, setStringValue] = useState('');

  // 更新字符串值
  const handleInputChange = (event) => {
    setStringValue(event.target.value);
  };

  // 使用字符串值
  const handleButtonClick = () => {
    console.log(stringValue);
  };

  return (
    <div>
      {/* 输入框 */}
      <input type="text" value={stringValue} onChange={handleInputChange} />

      {/* 渲染字符串值 */}
      <p>{stringValue}</p>

      {/* 按钮 */}
      <button onClick={handleButtonClick}>获取字符串值</button>
    </div>
  );
}