Javascript 组件正在更改受控输入。反应

我创建了一个react组件，但遇到了一个错误

我张贴代码以及，任何帮助感谢

我试图在输入框上显示此内容，并从中获取输入以基于文本进行搜索

谢谢

import React, { useState } from 'react';
import ReactDOM from 'react-dom';
import logo from './logo.svg';
import './App.css';
import 'bootstrap/dist/css/bootstrap.min.css';
import Header from './Component/Header';
import Recipe from './Component/Recipe';
import  Value from './Component/Form';
import Form from './Component/Form';




function App() {
    
    const [Search, setSearch] = React.useState("");
    
    const onInputChange = (event) => {
    
       setSearch(event.target.Value)
    }
  return (
    <div className="container">
     
        <Header Search={Search} onInputChange={onInputChange} />
       <Value />
       <Form />
      <Recipe />
      
    
    </div>

  );
}

export default App;

import React，{useState}来自“React”；
从“react dom”导入react dom；
从“/logo.svg”导入徽标；
导入“/App.css”；
导入'bootstrap/dist/css/bootstrap.min.css'；
从“./组件/标题”导入标题；
从“./组件/配方”导入配方；
从“./Component/Form”导入值；
从“./Component/Form”导入表单；
函数App（）{
const[Search，setSearch]=React.useState（“”）；
const onInputChange=（事件）=>{
setSearch（事件.目标.值）
}
返回(
);
}
导出默认应用程序；

从“React”导入React；
从“reactstrap”导入{按钮，输入}；
导入“./Header.css”；
const Header=props=>{
返回(
快餐食谱
搜寻
);
}
导出默认标题；

setSearch（event.target.Value）

应该是

setSearch（event.target.Value）

---

---

次要：`Search`变量应该在CAMELCASE中。请发布

错误

，否则社区将无法提供帮助。

import React from 'react';
import { Button, input } from 'reactstrap';
import './Header.css';

const Header = props => {

    return (
        <div className= "jumbotron">
        
        <h1 className= "brand-icons"><span class="material-icons">
fastfood </span> Food Recipe </h1>
        <div>
        <input type="text"
    
        placeholder="Search Recipe"
        value={props.Search}
        onChange={props.onInputChange} />
        
        <Button className="icon">Search</Button>
        
        </div>
    
</div>
    );
}

export default Header;