Update 'Implementacija'

2023-06-15 13:29:47 +02:00
parent 65d3d99b76
commit 9e13bcf52c

@@ -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;
```