Javascript 计算并标记同一反应组分出现的次数

假设我有这些孙子组件：

1.tsx

从“React”导入React；
常数1=（）=>{
const label=？//获取索引
返回一个：{label}
}
导出一个默认值；

2.tsx

从“React”导入React；
常数二=（）=>{
const label=？//获取索引
返回两个：{label}
}
出口违约金二元；

然后是子组件：

从“React”导入React；
类型道具={
选择器：布尔[]；
}
const Child=（道具：道具）=>{
//某物
返回
子组件：

道具选择器[0]？：null


道具选择器[1]？：null


}
导出默认子对象；

和父组件：

App.tsx

从“React”导入React；
常量应用=（）=>{
//某物
返回
//显示1
foobar

//显示2
}
导出默认应用程序；

我希望将此渲染为：

Child component:

Two: 1
foobar
Child component:
One: 1
Two: 2

如何让子组件显示指示父组件中组件索引的标签？
我无法手动将道具传递给孙子组件或子组件

---

我想，

useRef

可能是关键，但不确定如何实现它。

似乎是一个有问题的设计它是如何实现的？