The below is App.js file

```
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;

```

The below is 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;

```

The below is Result Component

```
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

```

I want to access the value of owner,repo from InputComponent in ResultComponent in my URL part
'''axios.get(`https://api.github.com/repos/${this.props.owner}/${this.props.repo}/issues`)'''
but not able to do so, can anyone help me what i am doing wrong. I am not able to figure out the issue I am new to React.