Update 'Implementacija'
@@ -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;
|
||||
```
|
||||
|
||||
Reference in New Issue
Block a user