reactjs - 如何访问项目渲染器中的组件？

Question

我有一个滚动视图和一个映射到渲染项的数组，渲染项有一个文本组件和一个按钮组件，当按下按钮时如何传递对文本组件的引用？

为简单起见，我将 scrollivew 和渲染项目列为抽象：

<ScrollView>
{this.state.items.map((item, index) => {
                      return (
                        <RenderItem
                          item={item}
                        />
                      );
                    }
</ScrollView>

渲染项：

class RenderItem extends React.PureComponent {

render() {
    const {item} = this.props;

    return (
     <View>
        {/* I NEED TO PASS THIS TEXT COMPONENT */}
        <Text >{item.txt}</Text>
        <Button
          onPress={() => {                
          this.props.onPressPlay(item, textRef ?);
          }}>                
        </Button>
     </View>
);
}

因此，textRef应该是<Text>在同一个项目渲染器中对组件的引用。

任何想法？

标签： reactjsreact-native