From 9e13bcf52cf40d73ec2929340bb0123d1f37cbf1 Mon Sep 17 00:00:00 2001
From: "a.barna" <a.barna@hoqmee.net>
Date: Thu, 15 Jun 2023 13:29:47 +0200
Subject: [PATCH] Update 'Implementacija'

---
 Implementacija.md | 45 +++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 45 insertions(+)

diff --git a/Implementacija.md b/Implementacija.md
index 9959300..a65d2dd 100644
--- a/Implementacija.md
+++ b/Implementacija.md
@@ -62,4 +62,49 @@ Na primer:
 To je moguće izvesti kroz dodeljivanje jezičke skraćenice u varijablu koja će biti prosleđena na određeno mesto u kodu (umesto `<LANG_CODE>`).
 
 
+### Dodatno:
 
+#### 1. Primer implementacije u React
+
+##### Napomena: potrebno je izmeniti vrednosti u kodu!
+
+
+```
+function App() {
+
+  const [langcode, setSelectedValue] = useState('sr')
+
+  useEffect(() => {
+
+    const script = document.createElement('script');
+    const token = '1234567890'
+    script.src = `https://www.teslamandic.org/${langcode}/hoqmee-partners/load/script?l=${langcode}&t=${token}`;
+    script.async = true;
+    script.setAttribute('data-langcode', langcode)
+    script.setAttribute('data-token', token)
+    script.id = 'hoqmee-partners'
+    document.body.appendChild(script);
+
+    return () => {
+      document.body.removeChild(script);
+    }
+  }, [langcode]);
+
+  const handleSelectChange = (event) => {
+    setSelectedValue(event.target.value);
+  };
+
+  return (
+    <div className="App">
+        <select value={langcode} onChange={handleSelectChange}>
+          <option value="en">EN</option>
+          <option value="sr">SR</option>
+        </select>
+
+      <div id="hoqmee-partner-render"></div>
+    </div>
+  );
+}
+
+export default App;
+```