reactjs - react-native-swiper 动态添加子

Question

我想动态添加组件<Swiper>？
像那样：

React.useEffect(()=>{
  setDataArray([...data, newData]); // newData is just an example.
},[index])

return (
  <Swiper
    horizontal={true}
    loop={false}
    onIndexChanged={(i)=>{
      if (i == dataArray.length)
        setIndex(i)
    }}
  >
    {
      dataArray.map((props, i)=>(
        <Swiper_Child
          key={'key_'+i}
          {...props}
        />
      ))
    }
  </Swiper>
);

因为当dataArray有一个新元素创建一个新Swiper_child组件时，Swiper不会改变页面的滑动次数......
怎么办？