从react本机中的TextInput组件获取值

import React, { useState } from 'react';
import TextInput from './TextInput'; // 假设TextInput组件已经存在

function MyComponent() {
  const [inputValue, setInputValue] = useState(''); // 使用useState创建一个状态来保存输入框的值

  const handleInputChange = (event) => {
    setInputValue(event.target.value); // 当输入框的值发生改变时，更新状态中保存的值
  };

  return (
    <div>
      <TextInput value={inputValue} onChange={handleInputChange} />
      <p>输入框的值: {inputValue}</p>
    </div>
  );
}

export default MyComponent;

import React from 'react';

function TextInput({ value, onChange }) {
  return (
    <input type="text" value={value} onChange={onChange} />
  );
}

export default TextInput;