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>`).
|
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