1.0.5 • Published 4 years ago
@fifthsage/react-amplitude v1.0.5
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>
);
};