---
title: "React 渲染性能"
description: "学习如何在 React 中集成 Tiptap 并提升编辑器的渲染性能。详细内容请查看文档！"
canonical_url: "https://tiptap.zhcndoc.com/examples/advanced/react-performance"
---

# React 渲染性能

学习如何在 React 中集成 Tiptap 并提升编辑器的渲染性能。详细内容请查看文档！

## React Tiptap 编辑器集成

在 React 中使用 Tiptap 时，最常见的性能问题是编辑器被过于频繁地重新渲染。本演示展示了默认编辑器与使用 `shouldRerenderOnTransaction` 进行优化渲染之间的区别。

> **Interactive demo:** [Performance](https://embed.tiptap.dev/preview/Examples/Performance)

## 获取编辑器状态信息而不影响性能

如果您需要访问编辑器状态而不导致重新渲染，可以使用 `useEditorState` 钩子。这样可以在不触发组件重新渲染的情况下读取编辑器状态。

在 [这里](https://tiptap.zhcndoc.com/editor/getting-started/install/react.md#reacting-to-editor-state-changes) 了解更多信息。