Skip to content

chats/new-chat.tsx 函数式组件为什么可以使用ref 还生效了 #7

@tuin77

Description

@tuin77

函数式组件是一种定义自身没有任何状态的组件的方式
简单解释一下,就是你定义的函数式组件,在每次组件渲染视图需要更新时,都会被当做渲染函数重新调用以生成新的虚拟dom节点。你在函数式组件内调用ref方法,那么则每次函数调用时,都会重新声明一个使用ref创建的count变量,其初始值为0。
正确的使用函数式组件的方式,是函数式组件内没有任何自己的状态,其最终返回的内容,只是根据传入的props状态动态计算所得。函数式组件的设计目的,本身就是用于创建无状态的简单组件(它比创建一个完整的组件要更快一些),如果你的组件是需要有自身状态的话,那么就不适合使用函数式组件。链接

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions