带有嵌套FormControl和Input的CustomInput组件-键入输入不会更新状态

Question

我有自定义的CustomInput组件，该组件返回以下代码：

<FormControl {...formControlProps}>
  <InputLabel
	  {...labelProps}
	>
	</InputLabel>
  <Input
	{...inputProps}
  />
</FormControl>

在我的Login表单上，我CustomInput已呈现：

<CustomInput
	id="email"
	formControlProps={{
		fullWidth: true
	}}
	inputProps={{
		type: "email",
	}}
/>

我知道使用FormControl中的标准react-bootstrap时，只需在其上附加value={this.state.email}和onChange={this.handleChange}属性，其中handleChange是：

handleChange = (e) => {
        this.setState({[e.target.id]: e.target.value});
    };

但是在这种情况下该怎么做？我必须在项目中使用此自定义CustomInput。我必须将this.state.email和this.handleChange传播到子组件吗？怎么样？要么？我必须实现与FormControl中使用的标准react-bootstrap相同的功能。