Promise 可以从服务器组件传递至客户端组件,并且可以在客户端组件中使用useHook 解析它。也可以在服务器组件中使用await解析 Promise,并将所需的数据作为 prop 传递给客户端组件。 exportdefaultfunctionApp(){ constmessageContent=awaitfetchMessage(); return<MessagemessageContent={messageContent}/> ...
useId是一个 React Hook,可以生成传递给无障碍属性的唯一 ID。 constid=useId() 参考 useId() 在组件的顶层调用useId生成唯一 ID: import{useId}from'react'; functionPasswordField(){ constpasswordHintId=useId(); // ... 请看下方更多示例。
中文文档@react-use. Contribute to zenghongtu/react-use-chinese development by creating an account on GitHub.
中文文档@react-use. Contribute to yuanxiaoge/react-use-chinese development by creating an account on GitHub.
useFormState Hook 当前仅在 React Canary 与 experimental 渠道中可用。请点此了解更多关于 React 发布渠道 的信息。此外,需要一款完全支持 React 服务器组件 特性的框架才可以使用 useFormState 的所有特性。 useFormState 是一个可以根据某个表单动作的结果更新 state 的 Hook。 const [state, formAction] = use...
在这个示例应用程序的模块依赖树中,InspirationGenerator.js 中的'use client' 指示符标记了该模块及其所有传递依赖为客户端模块。从 InspirationGenerator.js 开始的子树现在被标记为客户端模块。 'use client' 划分了 React 服务器组件应用程序的模块依赖树,标记了 InspirationGenerator.js 以及其所有依赖为客户端渲染。
可以在 中渲染的子组件中调用 useFormStatus Hook,并读取返回的 pending 属性,以在表单提交期间显示待定状态。 下面的示例使用 pending 属性指示表单正在提交。 App.js 重置Fork import { useFormStatus } from "react-dom"; import { submitForm } from "./actions.js"; function Submit() { const { pendi...
当你的组件被检查时,React 开发工具将调用此函数并显示其返回值。 使用格式化函数,可以避免在组件没有被检查时运行可能开销较大的格式化逻辑。例如,如果date是一个日期值,则可以避免在每次渲染时都调用toDateString()方法。 你觉得这些文档怎么样? 参与我们的调查吧!
'use server' 仅在使用React 服务器组件 或构建可适配库时需要。 'use server' 标记可以从客户端代码调用的服务器函数。 参考 'use server' 安全考虑 可序列化参数和返回值 用法 表格中的 Server Action 在 之外调用 Server Action 参考 'use server' 在异步函数顶部添加 'use server' 以将该函数标...
useLayoutEffect 返回undefined。注意事项 useLayoutEffect 是一个 Hook,因此只能在 组件的顶层 或自己的 Hook 中调用它。不能在循环或者条件内部调用它。如果你需要的话,抽离出一个组件并将副作用处理移动到那里。 当StrictMode 启用时,React 将在真正的 setup 函数首次运行前,运行一个额外的开发专有的 setup + ...