无法将值属性传递给自定义输入组件

import React, { useState } from 'react';

const CustomInput = ({ value, onChange }) => {
  const handleChange = (e) => {
    const newValue = e.target.value;
    onChange(newValue);
  };

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

export default CustomInput;

import React, { useState } from 'react';
import CustomInput from './CustomInput';

const ParentComponent = () => {
  const [inputValue, setInputValue] = useState('');

  const handleInputChange = (newValue) => {
    setInputValue(newValue);
  };

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

export default ParentComponent;