자식 구성 요소를 클릭하면 부모 구성 요소 속성 가져 오기

이것이 내 문제를 해결하는 올바른 방법인지 확실하지 않으므로 다른 방법에도 열려 있습니다.

자식 구성 요소 (이미지)를 클릭하면 부모 구성 요소의 속성에 액세스 할 수 있기를 원합니다. 지금까지 내 코드는 다음과 같습니다.

부모 구성 요소

import {Image, Grid, Row, Col} from 'react-bootstrap';
import React, { Component } from 'react';
import localForage from 'localforage';
import Activity from './activity';


testClick(e){
    console.log("click handled", e.target.getAttribute('value'));
}

render() {
    return (
        <Grid>
            <Row>
                <Col sm={4} smPush={4}>
                    <h2 className="center-header">Explore Ibiza</h2>
                </Col>
            </Row>
            <Row />
                <Activity handleClick={(e)=>{this.testClick(e)}} description="Dining" imageSource="https://lonelyplanetimages.imgix.net/mastheads/95971965.jpg?sharp=10&vib=20&w=1200" />
                <Activity description="Diving" imageSource="https://media-cdn.tripadvisor.com/media/photo-s/06/8d/1f/6a/linda-playa.jpg"/>
                <Activity onClick={this.handleClick} description="Boating" imageSource="https://lvs.luxury/wp-content/uploads/2015/06/1.jpg"/>
            <Row />
        </Grid>
    )
}

하위 구성 요소

  return(
<Col sm={4}>
  <p>{props.description}</p>
  <Image onClick={props.handleClick} value={props.description}  src={props.imageSource}className="activity-image margin-bottom-5"/>
</Col>

)

설명

현재 값을 가져올 수 있지만 description부모 요소 의 속성도 얻으려면 어떻게해야 합니까?