# Settings Center ## 示例 ```tsx | pure import { SettingsCenterProvider } from '@nocobase/client'; import React, { useContext } from 'react'; const HelloTab => () =>
Hello Tab
; export default React.memo((props) => { return ( {props.children} ); }); ``` 完整示例查看 [samples/hello](https://github.com/nocobase/nocobase/tree/develop/packages/samples/hello)。