i has a lot text in project so i make a js file just for text , and add this file to index.html , when use this file have error but when inspect code i can see text ,
faBundleForms.js
const forms = {
changeProfitDate: {
note_1: 'user ',
note_2: 'add '
}
};
add to index.html
`<script src="../static/faBundleForms.js" type="text/javascript">`</script>
use to project
<p>{forms.changeProfitDate.note_1}</p>
i have this error
'forms' is not defined
If you really want to use global variables (which is a bad idea), you need to use window. before them, like this: <p>{window.forms.changeProfitDate.note_1}</p>
If you are using react the correct way seems to be something like this :
your text holding file :
export const text = ". . . lots of blah . . . "
export const text2 = ...
and you can import this file in your react project anywhere
import { text } from './yourTextFile'
const App = (props) => {
return(
<div>
<p>{text}</p>
</div>
)
}
export default App
