ruiling/tachybase_todo
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: memoized schema component

Browse Source
This commit is contained in:
chenos 2022-01-25 09:21:41 +08:00
parent 3c54393073
commit 9684e55f1a
1 changed files with 21 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
packages/client/src/schema-component/components/SchemaComponent.tsx
View File

@ -18,13 +18,29 @@ function toSchema(schema?: any) {
return new Schema(schema);
}
export function SchemaComponent(props: ISchemaFieldProps) {
const useMemoizedSchema = (schema) => {
return useMemo(() => toSchema(schema), []);
};
const RecursionSchemaComponent = (props: ISchemaFieldProps) => {
const { components, scope, schema, ...others } = props;
const s = useMemo(() => toSchema(schema), []);
console.log('SchemaComponent', { components, scope });
return (
<SchemaComponentOptions inherit components={components} scope={scope}>
<RecursionField {...others} schema={s} />
<RecursionField {...others} schema={toSchema(schema)} />
</SchemaComponentOptions>
);
}
};
const MemoizedSchemaComponent = (props: ISchemaFieldProps) => {
const { schema, ...others } = props;
const s = useMemoizedSchema(schema);
return <RecursionSchemaComponent {...others} schema={s} />;
};
export const SchemaComponent = (props: ISchemaFieldProps & { memoized?: boolean }) => {
const { memoized, ...others } = props;
if (memoized) {
return <MemoizedSchemaComponent {...others} />;
}
return <RecursionSchemaComponent {...others} />;
};