使用ref，导致useDidShow多次调用

[K-walker]

问题描述

在小程序中使用 ref ，在切换底部 Tab 时，比如，当页面A，切换到页面B，再切换回A页面，此时A页面的 useDidShow 会调用2次

复现步骤

1. 使用taro创建项目
2. 配置2个tab，用于页面切换
3. 在A页面中使用 ref，具体代码如下
4. 来回切换tab页，即可看到useDidShow多次打印

export default function Index () {

	const [list] = useState([1,2,3,4])
	const refs = useRef<any[]>([]);

	useDidShow(() => {
		console.log('useDidShow')
	})
	useDidHide(() => {
		console.log('useDidHide')
	})
	useEffect(() => {
		console.log('useEffect')
	})

	return (
		<View className={style.index}>
			<View className={style.fixedBar}></View>
			<View className={style.scroll}>
				{list.map( (item,index) => {
					return <View key={index+1} ref={ node => refs[index] = node} className={style.item}>{item}</View>
				})}
			</View>
		</View>
	)
}

期望行为

切换tab的时候，useDidShow 只调用一次

报错信息

无

系统信息

Taro CLI 1.3.23 environment info:
System:
OS: macOS 10.14.4
Shell: 5.3 - /bin/zsh
Binaries:
Node: 10.15.3 - /usr/local/bin/node
Yarn: 1.15.2 - /usr/local/bin/yarn
npm: 6.4.1 - /usr/local/bin/npm

[taro-bot]

CC @Chen-jj

[taro-bot]

欢迎提交 Issue~

如果你提交的是 bug 报告，请务必遵循 Issue 模板的规范，尽量用简洁的语言描述你的问题，最好能提供一个稳定简单的复现。🙏🙏🙏

如果你的信息提供过于模糊或不足，或者已经其他 issue 已经存在相关内容，你的 issue 有可能会被关闭。

Good luck and happy coding~

[K-walker]

@Chen-jj
测试发现

<View ref={ node => refs[index] = node} className={style.item}>{item}</View>

ref如果这样循环去赋值，useDidShow就会调用2次，同时useDidHide也是一样

[K-walker]

如果在当前页面使用 usePullDownRefresh 钩子，切换页面之后，下拉刷新，这个钩子也会被执行2次