38 lines
968 B
Markdown
38 lines
968 B
Markdown
|
# Data
|
||
|
|
|
||
|
|
WooCommerce Admin data store and utilities.
|
||
|
|
|
||
|
|
## Installation
|
||
|
|
|
||
|
|
Install the module
|
||
|
|
|
||
|
|
```bash
|
||
|
|
npm install @woocommerce/data --save
|
||
|
|
```
|
||
|
|
|
||
|
|
_This package assumes that your code will run in an **ES2015+** environment. If you're using an environment that has limited or no support for ES2015+ such as lower versions of IE then using [core-js](https://github.com/zloirock/core-js) or [@babel/polyfill](https://babeljs.io/docs/en/next/babel-polyfill) will add support for these methods. Learn more about it in [Babel docs](https://babeljs.io/docs/en/next/caveats)._
|
||
|
|
|
||
|
|
## Usage
|
||
|
|
|
||
|
|
```JS
|
||
|
|
import { SETTINGS_STORE_NAME } from '@woocommerce/data';
|
||
|
|
import { useSelect } from '@wordpress/data';
|
||
|
|
|
||
|
|
function MySettings() {
|
||
|
|
const settings = useSelect( select => {
|
||
|
|
return select( SETTINGS_STORE_NAME ).getSettings();
|
||
|
|
} );
|
||
|
|
return (
|
||
|
|
<ul>
|
||
|
|
{ settings.map( setting => (
|
||
|
|
<li>{ setting.name }</li>
|
||
|
|
) ) }
|
||
|
|
</ul>
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
// Rendered in the application:
|
||
|
|
//
|
||
|
|
// <MySettings />
|
||
|
|
```
|