How to pass props of one child component to another child component using parent component

Viewed 3378

enter image description here

  1. I want to call a function in Second Child like

const CallListRow = (props) => {
    return (
        <TableRow key={props.id}>
            <TableRowColumn>{props.id}</TableRowColumn>
            <TableRowColumn>{props.date}</TableRowColumn>
            <TableRowColumn>{props.callerId}</TableRowColumn>
            <TableRowColumn><Link label="Click to Call" to="javascript:void(0)" onClick={()=>dialPhone(props.phone)}  >{props.phone}</Link></TableRowColumn>
            <TableRowColumn>{props.duration}</TableRowColumn>
        </TableRow>
    );
}

  1. And after onClick props.phone value want to get in First Child component

  2. Both child components are imported in Parent component.

  3. Then how to got clicked value in First Child component???

1 Answers
Related