Data

WooCommerce Admin data store and utilities.

Installation

Install the module

pnpm 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 or @babel/polyfill will add support for these methods. Learn more about it in Babel docs.

Usage

import { settingsStore } from '@woocommerce/data';
import { useSelect } from '@wordpress/data';

function MySettings() {
	const settings = useSelect( select => {
		return select( settingsStore ).getSettings('general').general;
	} );
	return (
		<ul>
			{ Object.keys( settings ?? {} ).map( setting => (
				<li key={ setting }>{ setting }</li>
			) ) }
		</ul>
	);
}

// Rendered in the application:
//
//  <MySettings />