我想在react中访问另一个子组件中一个子组件的值

下面是App.js文件

import React,{Component} from 'react'
//import logo from './logo.svg';
import './App.css'
import InputComponent from "./components/InputComponent";
import ResultComponent from "./components/ResultComponent";


class App extends Component {
  render()
    {
        return (
            <div className="App">
                <InputComponent />
                <ResultComponent/>
            </div>
        );
    }
}

export default App;

下面是InputComponent

import React,{Component} from "react";
import axios from 'axios';
class InputComponent extends Component{
    constructor(props) {
        super(props)

        this.state = {
            owner : "",
            repo : "",
        }
    }

    //here event.target.value is setting value of target to this owner
    ownerName = (event) => {
        this.setState({
            owner:event.target.value
        })
    }

    //here event.target.value is setting value of target to this repo
    repoName = (event) => {
        this.setState({
            repo:event.target.value
        })
    }




    render(){
        //let submit = this.props;
        let {items} = this.state;
        return(
            <div>
                <p>The current Owner is {this.state.owner} and the current Repo is {this.state.repo}</p>
                <input type='text' onChange={this.ownerName} value={this.state.owner} placeholder='Enter Username' className='inputFields'/>
                <br/>
                <input type='text' onChange={this.repoName} value={this.state.repo} placeholder='enter Repository' className='inputFields'/>
                <br/>

            </div>
        );
    }
}

export default InputComponent;

以下是结果组件

import React,{Component} from "react"
import axios from "axios";

class ResultComponent extends Component{
    constructor() {
        super()
        this.state = {
            items: []
        }
        this.apiFetch=this.apiFetch.bind(this)
    }

    apiFetch = () => {
        axios.get(`https://api.github.com/repos/${this.props.owner}/${this.props.repo}/issues`)
            .then(response => {
                console.log(response)
                this.setState({
                    items:response.data,

                })
            })
            .catch(error => {
                console.log(error)
            })
    }


    render(){
        let {items} = this.state;
        return(
            <div className='submit'>
                <button onClick={this.apiFetch}>Fetch Results</button>
                <ul>
                    {items.map(item=>(
                            <li key={item.id}>
                                Issue-title: {item.title}
                            </li>
                        )
                    )}
                </ul>
            </div>
        );
    }
}

export default ResultComponent

我想从URL部分'''axios.get（https://api.github.com/repos/${this.props.owner}/${this.props.repo}/issues）'''的ResultComponent中的InputComponent中访问owner，repo的值，但无法执行此操作，任何人都可以帮助我做错什么。我无法弄清楚我是React新手。