React Component Pattern

component.jsx

export default function ({ React }) {
	
	// Component
	return function SearchBox( props ) {
		return {
			props,

			render() {
				const { label, actions } = this.props;

				return (
					<div className="search-box">
						<input type="text" ref="params" />
						<button type="button" onClick={ this.search }>{ label }</button>
					</div>
				);
			},

			search( event ) {
				const params = React.findDOMNode( this.ref.params );
				
				console.log( "Search Parameters:", params );
			}
		};
	};
};