TaroX
Taro Hooks
警告
taro 3.0.0-rc.5 已经修复了依赖更新问题, 您不必理会以下内容.
对 Taro 专有 Hooks 进行包装
taro 3.0.0-rc.4 以下版本专有 hooks 存在依赖更新问题, 一旦依赖更新, 新的回调会被合并到数组中, 下次调用时新旧回调一起调用. 如果不传依赖, 回调函数会停留在第一次传入的值不再更新.
从
@tarojsx/hooks
导入, 只能传入
callback
函数, 没有第二个
deps
参数.
正确示例
import
{
useState
}
from
'react'
import
{
useReachBottom
}
from
'@tarojsx/hooks'
import
{
View
}
from
'@tarojs/components'
const
Demo
=
(
)
=>
{
const
[
page
,
setPage
]
=
useState
(
0
)
useReachBottom
(
(
)
=>
{
console
.
log
(
page
)
setPage
(
(
prev
)
=>
prev
+
1
)
}
)
return
<
View
style
=
{
{
height
:
'111vh'
}
}
/>
}
// 0
// 1
// 2
不更新错误示范
import
{
useState
}
from
'react'
import
Taro
from
'@tarojs/taro'
import
{
View
}
from
'@tarojs/components'
const
IssueDemo
=
(
)
=>
{
const
[
page
,
setPage
]
=
useState
(
0
)
Taro
.
useReachBottom
(
(
)
=>
{
console
.
log
(
page
)
setPage
(
(
prev
)
=>
prev
+
1
)
}
)
return
<
View
style
=
{
{
height
:
'111vh'
}
}
/>
}
// 0
// 0
// 0
重复调用错误示范
import
{
useState
}
from
'react'
import
Taro
from
'@tarojs/taro'
import
{
View
}
from
'@tarojs/components'
const
IssueDemo2
=
(
)
=>
{
const
[
page
,
setPage
]
=
useState
(
0
)
Taro
.
useReachBottom
(
(
)
=>
{
console
.
log
(
page
)
setPage
(
(
prev
)
=>
prev
+
1
)
}
,
[
page
]
)
return
<
View
style
=
{
{
height
:
'111vh'
}
}
/>
}