@fifthsage/react-amplitude

REACT AMPLITUDE

USAGE

Use Context

import { ProvideAmplitude, useAmplitude } from "@fifthsage/react_amplitude";

const App = props => {
  const amplitudeEvent = useAmplitude();

  return (
    <ProvideAmplitude apiKey={apiKey}>
      <div>
        <div>{(amplitudeEvent.event || {}).toString()}</div>
        <button
          onClick={() =>
            amplitudeEvent.logEvent("TEST_EVENT", { key: "value" })
          }
        >
          send
        </button>
      </div>
    </ProvideAmplitude>
  );
};

User Consumer

import { ProvideAmplitude, ConsumeAmplitude } from "@fifthsage/react_amplitude";

const App = props => {
  const amplitudeEvent = useAmplitude();

  return (
    <ProvideAmplitude apiKey={apiKey}>
      {({ event, logEvent }) => (
        <div>
          <div>{(event || {}).toString()}</div>
          <button onClick={() => logEvent("TEST_EVENT", { key: "value" })}>
            send
          </button>
        </div>
      )}
    </ProvideAmplitude>
  );
};