React
Steps to integrate the Web SDK into React application.
.png?alt=media&token=737a5f8d-a2b8-4a9e-93dc-8b6a9aed2649)
To install the Preventor Web SDK, add the following to your project’s:
- 1.Add
https://unpkg.com/@preventor/buttonin yourpublic/index.html.
<script type="module" src="https://unpkg.com/@preventor/button"></script>
2. Setup the button in your component file
import React, { useEffect, useRef } from "react";
export default function App() {
const pvtButtonRef = useRef(null);
useEffect(() => {
const pvtButton = pvtButtonRef.current;
pvtButton.addEventListener("loaded", () => {
pvtButton.initialize(YOUR_CONFIGURATION)
});
}, []);
return <pvt-button ref={pvtButtonRef}></pvt-button>;
}
You have successfully installed the Preventor Web SDK!
Last modified 1yr ago