How to pass input data from one class to another

Rushi — Sun, 14 Jun 2020 17:24:11 +0000

I'm trying to pass the data from one class to another and displayed it in main class i.e user write something in input field(Component A) and at the same time data or input value is display in another component(Component B) and both work is displayed by Component C. But I can't figure out what's wrong with my code. Below is my dummy code but the actual code is the same as below.

class A extends React.Component {
    constructor(props) {
        super()
    }
    render() {
        return (
            <input name="firstName" placeholder="Enter name" />
        )
    }
}

class B extends React.Component {
    constructor(props) {
        super(props)
    }
    render() {
        return (
            <h1> "Display data here from input of class A " </h1>
        )
    }
}

class C extends React.Component {
    constructor(props) {
        super(props)
    }
    render() {
        return (
            <div>
                <A />
                <B />
            </div>
        )
    }
}

ReactDOM.render(<C />, document.getElementById("root"))

DEV Community: Rushi

How to pass input data from one class to another