родительский компонент:

import React from "react"; import InputRow from "./InputRow"; const Bid: React.FunctionComponent = () ={amp}gt; { const inpVal = (d:string) ={amp}gt; { } return ( {amp}lt;div style={{ display: "none" }} className="bid-container animated zoomIn" id="bid-modal"{amp}gt; {amp}lt;p{amp}gt;Mortage{amp}lt;/p{amp}gt; {amp}lt;div className="bid-row-container"{amp}gt; {amp}lt;p{amp}gt;Enter your bid{amp}lt;/p{amp}gt; {amp}lt;div className="bid-row"{amp}gt; {amp}lt;InputRow bid="Bid" inpVal={(inpVal: string)={amp}gt;{console.log(inpVal)}} /{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; ); }; export default Bid; 

дочерний компонент:

 import React from "react"; interface Props{ bid: string, inpVal: (inpVal:string) ={amp}gt; void; } const InputRow: React.FunctionComponent{amp}lt;Props{amp}gt; = (bid, inpVal) ={amp}gt; { return ( {amp}lt;div className="input-row"{amp}gt; {amp}lt;div{amp}gt; {amp}lt;input type="text" onChange={(e) ={amp}gt; { inpVal(e.target.value) }} /{amp}gt; {amp}lt;p{amp}gt;Rate{amp}lt;/p{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;button className="bid-btn"{amp}gt;{bid.bid}{amp}lt;/button{amp}gt; {amp}lt;/div{amp}gt; ); }; export default InputRow; 

Я пытаюсь передать входное значение от дочернего компонента к родительскому компоненту, но выдает ошибку.

Ошибка типа: inpVal не является функцией.

передать значение с помощью функции реквизита

Как передать данные от дочернего компонента его родителю в ReactJS?

родитель:

 {amp}lt;div className="col-sm-9" {amp}gt; {amp}lt;SelectLanguage onSelectLanguage={this.handleLanguage}/{amp}gt; {amp}lt;/div{amp}gt; 

Ребенок:

 handleLangChange = () ={amp}gt; { var lang = this.dropdown.value; this.props.onSelectLanguage(lang); } 

Вам нужно обернуть ваши параметры в {} что позволит извлечь bid и inpVal из объекта inpVal

 const InputRow: React.FunctionComponent{amp}lt;Props{amp}gt; = ({ bid, inpVal }) ={amp}gt; {...}