758 B
758 B
Settings Center
![](/ruiling/tachybase_todo/media/commit/3e30699581cf54a154e83149e996c56d60b93112/docs/zh-CN/development/guide/settings-tab.jpg)
示例
import { SettingsCenterProvider } from '@nocobase/client';
import React, { useContext } from 'react';
const HelloTab => () => <div>Hello Tab</div>;
export default React.memo((props) => {
return (
<SettingsCenterProvider
settings={{
'sample-hello': {
title: 'Hello',
icon: 'ApiOutlined',
tabs: {
tab1: {
title: 'Hello Tab',
component: HelloTab,
},
},
},
}}
>{props.children}</SettingsCenterProvider>
);
});
完整示例查看 samples/hello。