NonApiGlobalSubscribeExample.jsx

import React from 'react';
import { globalState } from 'jetset';

@globalState({ example: 'foo', example2: 'bar' }, 'exampleWithNoInitialState')
class GlobalStateExample extends React.Component {
  render() {
    return (
      <div>
        <div>
          <span>example state: { this.props.example.get() }</span>
          <button onClick={() => this.props.example.set( 'foo' )}>Set to foo</button>
          <button onClick={() => this.props.example.set( 'bar' )}>Set to bar</button>
        </div>
        <div>
          <span>example2 state: { this.props.example2.get() }</span>
          <button onClick={() => this.props.example2.set( 'foo' )}>Set to foo</button>
          <button onClick={() => this.props.example2.set( 'bar' )}>Set to bar</button>
        </div>
        <div>
          <span>exampleWithNoInitialState: { this.props.exampleWithNoInitialState.get() || 'n/a'}</span>
          <button onClick={() => this.props.exampleWithNoInitialState.set( 'foo' )}>Set to foo</button>
          <button onClick={() => this.props.exampleWithNoInitialState.set( 'bar' )}>Set to bar</button>
        </div>
      </div>
    );
  }
}

export default GlobalStateExample;