react hooks 中的循环调用

发表于

场景1：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
const HomePage: React.FC<HomePageProps> = (props) => {

    console.log('组件内输出')

    const [text, setText] = useState<string>('原始文字')

    useEffect(() => {
        console.log('useEffect输出')
        setText('改变了文字')
    })
}
// 输出结果：
// 组件内输出     ---------- 初始化输出
// useEffect输出 ---------- 初始化输出
// 组件内输出     ---------- setState导致更新组件输出
// useEffect输出 ---------- setState导致组件更新输出
// 组件内输出     ---------- ?