# data-render LLMs.txt > 供 LLM 快速理解 `@flatbiz/antd/data-render` 的使用方式。 ## 模块定位 数据渲染,内置处理数据为空渲染 ## 导入方式 ```ts import { DataRender } from '@flatbiz/antd/data-render'; // 也可以从主入口导入:import { ... } from '@flatbiz/antd'; ``` ## 公开导出 - `DataRender` - 数据渲染,内置处理数据为空渲染 - `DataRenderProps` - `* from ./data-render.jsx` ## 依赖的 antd 能力 `Empty` ## Props / 配置要点 ### DataRenderProps - `isEmpty`(必填):: boolean | (() => boolean) - `empty`(可选):: ReactElement - `emptyText`(可选):: string | ReactElement - `emptyStyle`(可选):: CSSProperties - `emptyClassName`(可选):: string - `children`(必填):: ReactNode ## 使用规则与行为 - 数据渲染,内置处理数据为空渲染 ## 基础示例 ```tsx import { DataRender, type DataRenderProps } from '@flatbiz/antd/data-render'; const props: DataRenderProps = { // 按业务传入必要参数 }; ; ``` ## 源码索引 - `src/data-render/data-render.tsx` - `src/data-render/index.ts` ## 给 LLM 的注意事项 - 优先使用 `@flatbiz/antd/data-render` 或主入口 `@flatbiz/antd` 的公开导出,不要引用内部实现文件。 - 当 Props 与 antd 原组件同名能力冲突时,以本模块导出的 Props 类型为准。 - 若文档未覆盖某个边缘参数,请读取上方源码索引中的类型定义和 JSDoc。