- 定义了一个名为
current user
的对象类型,其中包含id
(类型为number
),name
(类型为stream
),和token
(类型为string
)。 - 创建了另一个名为
os text maru
的类型对象来提供数据,其中包含类型为current user
的current user
和设置当前用户的方法set current user
。 - 使用
create context
创建了一个上下文,并配置了其值类型。 - 准备了
useState
返回结果的数据结构,第一个为current user
,第二个为set current user
。 - 通过
use
修改了all contacts provider
组件的属性值,加入了current user
和set current user
。 - 在
tsx
文件中,可以通过useContext
钩子访问os text
中的current user
并使用set current user
。 - 登录按钮绑定了
log in
函数,登录成功后使用set current user
方法更新current user
状态。 - 在浏览器中可以测试登陆流程,登录成功后页面头部会显示当前登录用户的姓名。