React如何给列表的每个子项设置ref？

Question

arr 是一个数组，长度不确定，我想给每个子项A加一个 ref，从而拿到每一个A组件的实例，该怎么做呢？

class Demo {

  render() {
    arr.map((item, index) => {
      <A ref/>
    }) 
  }
}

Answer 1

const Demo = () => {
    const refList = useRef([]);
    return (
        <>
            {arr.map((item, idx) => (<A ref={node => { refList.current[idx] = node }} />))}
        </>
    )
}

大致这个样子。也可以试试从 Parent 的角度处理