react-simple-inject v1.0.5

react-simple-inject

Simple dependency injection for React components without using context feature.

##Installation npm install react-simple-inject --save

##Import

var Provider = require('react-simple-inject').Provider;
var inject = require('react-simple-inject').inject;
var injectAll = require('react-simple-inject').injectAll;

or

import {Provider, inject, injectAll} from 'react-simple-inject';

##Example

import React from 'react';
import ReactDOM from 'react-dom';
import {Provider, inject, injectAll} from 'react-simple-inject';

const ExampleComponent = props => (
	<div>
		<div>Some content</div>
		<div><InjectionTest1 /></div>
		<div><InjectionTest2 /></div>
	</div>
);

const InjectionTest1 = inject('value1')(function({value1, value2}) {
	if (value2 !== undefined) throw new Error('Value2 injected');
	return <div>{value1}</div>;
});

const InjectionTest2 = injectAll(function({value1, value2}) {
	return <ul>
		<li>{value1}</li> <li>{value2.str}</li>
	</ul>;
});

ReactDOM.render(
	<Provider value1="Some string 1" value2={{str: "Some string 2"}}>
		<ExampleComponent />
	</Provider>
, document.getElementById('react-container'));