react-feature-flags__full-sample.jsx

import React from 'react';
import {
  createInstance,
  OptimizelyProvider,
  OptimizelyFeature,
} from '@optimizely/react-sdk'

const optimizely = createInstance({
  sdkKey: '<Your_SDK_Key>',
})

class App extends React.Component {
  render() {
    return (
      <OptimizelyProvider
          optimizely={optimizely}
          user={{
            id: 'user123',
            attributes: {
              'customerId': 123,
              'isVip': true,
            }
          }}>
        <h1>Example Application</h1>
        <div>
          <OptimizelyFeature feature="hello_world">
            {(isEnabled) => (
              isEnabled
              ? (<p> You got the <strong>hello_world</strong> feature! </p>)
              : (<p> You did not get the feature </p>)
            )}
          </OptimizelyFeature>
        </div>
      </OptimizelyProvider>
    )
  }
}

export default App;