Example event use

example.js

// Use case
// Render things based on the experiment variant

class FooTest extends Component {
  static propTypes = {
    children: PropTypes.node,
    className: PropTypes.string
  };

  constructor(props) {
    super(props);
  }

  componentDidMount() {
    optimizelyReady.then(() => {
      const variant = optimizely.getExperiment();

      this.setState({ experimentVariant: variant });
    });
  }

  render() {
    if (this.state.experimentVariant === 'x') {
      return <ComponentA />;
    }

    return <ComponentB >;
  }
}

export default FooTest;