1. Union Component
  2. Installation
  3. Introduction
  4. Union
  5. Widget Descriptors
  6. Common Data Descriptors
  7. withWidgetContext()
  8. Utilities
  9. FAQ
  1. Scripts
  2. Installation
  3. Introduction
  4. Usage
  5. Monorepo
  6. CLI
  7. Configuration
  8. Testing
  9. Recipes
  10. Polyfilling
  1. Boilerplates
  2. Basic
  3. Monorepo
  4. Liferay
  5. SSR

withWidgetContext()

Higher-order component which spreads the surrounding WidgetContext's value to the passed component.

Import

import { withWidgetContext } from 'react-union';

or

var withWidgetContext = require('react-union').withWidgetContext;

Input properties

namespace : string

Namespace of the widget. See widget descriptor.

data : object

Data passed by the both widget and common data descriptors.

Example

<div id="navigation"></div>

<!-- Widget descriptor -->
<script
	data-union-widget="navigation"
	type="application/json"
>
	{
		"urls": {
			"home": "www.example.com",
			"api": "/api"
		}
	}
</script>

And somewhere deep down your React component tree:

import React from 'react';
import { withWidgetContext } from 'react-union';

const HomeLink = ({ data: { urls } }) => <a href={urls.home}>Home</a>;

export default withWidgetContext(HomeLink);