从库中访问变量以在组件中使用

Question

我在这里有一些代码：

                    <Chart // this Component has the value I want
                          style={[styles.chart]}
                          data={this.props.daily}
                          verticalGridStep={6}
                          type="line"
                          showDataPoint={true}
                          color={['white']}
                          gridColor={'white'}
                          dataPointColor={['white']}
                          dataPointFillColor={['white']}
                          axisLabelColor={'white'}
                          axisColor={'white'}
                          chartTitle={'Weekly View'}
                          tightBounds
                          yAxisShortLabel
                          animationDuration={0}
                       />
                  <Popover // I want to use it in here
                     isVisible={this.state.isVisible}
                     fromRect={{x: 197.14285714285714-20, y: 10, width: 0, height: 0}}
                     onClose={this.closePopover}
                     placement={'bottom'}
                     key={i}
                    >
                     <Text>Value</Text>
                    </Popover>

目标是将此弹出窗口设置在该图表的绘制点的确切位置，我在代码中找到了具有数组中点的坐标的库中的区域：

var multipleDataPoints = dataPoints.map( (dataPointSet, index) => {
                        console.log(dataPointSet)                 //HERE
                        let totalDataSet = dataPointSet.map((d, i) => {
                            return (
                                        <Circle key={i} {...d} onPress={()=> console.log("\N\N\NYOYOYO")}>
                                            <Text>What</Text>
                                        </Circle>
                            );
                        });
                        return totalDataSet;
                    });

我想知道，有没有办法从库中访问该变量，以便我可以在索引文件的<Popover>组件中使用它，以便我可以设置它相对于绘制点的位置？