74f8d5f17a
* Add GitHub action and pre-push hook for syncpack for react and react-dom * Fix typo in pre-push script * Don't execute suggested command to fix mismatches automatically. * Update react and react-dom to 17.0.2 * Move changelog check to last, so that pre-push still fails if check isn't successful * Add changelog files * Correct issue with syncpack.yml referencing an internal action * Add command to top-level package.json for fixing mismatches * Update syncpack action to only run when package.json files are affected * Update workflow to just run syncpack list-mismatches * Add version pinning to syncpackrc |
||
---|---|---|
.. | ||
changelog | ||
src | ||
typings | ||
.eslintrc.js | ||
.gitignore | ||
.npmrc | ||
CHANGELOG.md | ||
PREVIOUS_CHANGELOG.md | ||
README.md | ||
composer.json | ||
composer.lock | ||
jest.config.json | ||
package.json | ||
tsconfig-cjs.json | ||
tsconfig.json |
README.md
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 { 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 />