我有一個名為 HomeHeader 的 React 組件。HomeHeader 中有一個名為 SearchResultFlatList 的無狀態組件。SearchResultFlatList 中有一個名為 SearchListItem 的無狀態組件。HomeHeader 有 2 個輸入字段（一個用于位置，一個用于目的地）。在輸入字段中輸入后，SearchResultFlatList 將被創建并重新填充 SearchListItems（每次我輸入內容時（想想谷歌搜索））。單擊 SearchListItem 時，我希望能夠調用駐留在 HomeHeader 上的函數。要實現的功能是單擊 SearchListItem，并在 HomeHeader 上填充相應的輸入字段。我在 HomeHeader 上聲明了一個名為 onLocationPress 的函數。它接受一個參數（即 onLocationPress(locationValue)）。將對此函數的引用傳遞給子組件非常簡單，但是當涉及到變量時變得更加困難。來自 HomeHeader.js<SearchResultFlatList   containerOpacity={this.state.opacityProp}   headerExpanded={this.state.headerExpanded}   results={this.props.searchResults}   clickLocationResult={this.onLocationPress}/>來自 SearchResultFlatList.jsconst SearchResultFlatList = (props) => {    return(        <Animated.View>        <FlatList          ....            <SearchListItem                clickLocationResult={props.clickLocationResult}                primaryText={item.primaryText}                fullText={item.fullText}            />)}          ....        />    </Animated.View>    )}來自 SearchListItem.jsconst SearchListItem = (props) => {    return (        <TouchableOpacity             style={styles.searchListItemContainer}            onPress={props.clickLocationResult(props.primaryText)}        >        ....        </TouchableOpacity>    );  }以這種方式調用它會導致函數被多次調用。我onTextChanged()在輸入字段上也有一個函數，每次我輸入它都會記錄props.primaryText值。我認為這與每次鍵入時都會創建新的 SearchListItems 的事實有關，但我不知道解決方法。