如何将React组件作为属性传递给HTML输入

import React from 'react';

const CustomInput = (props) => {
  return <input type="text" value={props.value} onChange={props.onChange} />;
};

export default CustomInput;

import React from 'react';
import CustomInput from './CustomInput';

const ParentComponent = () => {
  const handleInputChange = (event) => {
    console.log(event.target.value);
  };

  return (
    <div>
      <label>Custom Input:</label>
      <CustomInput value="" onChange={handleInputChange} />
    </div>
  );
};

export default ParentComponent;