TX002
在控制台根节点之外渲染
发生原因
Text.js Hook 或组件(useInput、<ScrollBox> 等)在非控制台根节点的 React 根节点下渲染,最常见的情况是用 react-dom 渲染了面向控制台的组件。
修复方法
通过 renderToConsole(或 createConsoleRoot)渲染控制台组件,不要使用 react-dom:
import { renderToConsole, Box, Text } from "@textjs/react";await renderToConsole( <Box padding={1}> <Text>Hello, DevTools.</Text> </Box>,);要在页面上显示相同的 UI,使用 @textjs/react/dom 中的 <TextCanvas>,它会创建自己的控制台根节点。