在声明全局变量时得到意外的令牌错误？
在声明全局变量时得到意外的令牌错误？
提问于 2021-09-02 05:36:30
在声明全局变量时，我得到了**Unexpected token '&'**错误，.I也试图严格地声明它的值，但仍然得到相同的错误，为什么？
我就是这样做的。
<Head>
{
<script type="text/javascript">
var s_pageName2=JSON.stringify('abc:en-us:/lo-form')
</script>
}
</Head> 这是我的全部代码https://codesandbox.io/s/long-bird-tgwcv?file=/pages/index.js
Ia正在使用nextjs框架。我想要创建具有此abc:en-us:/lo-form值的全局变量
这不是代码箱错误.I在我的本地机器上面临的相同问题。
回答 1
Stack Overflow用户
发布于 2021-09-02 06:36:37
在jsx中，您不能只是这样做，您可以使用dangerouslySetInnerHTML，但我强烈反对使用它。
<script
dangerouslySetInnerHTML={{
__html: ` var s_pageName2='abc:en-us:/lo-form'`
}}
/>如果您想要在任何组件中存储全局变量以进行重用，可以使用不同的方法来实现这一点，例如，使用react上下文并公开一个定制钩子，以便在需要使用的地方使用。
例子：
_app.js
import { MyProvider} from '../components/MyProvider'
function MyApp({ Component, pageProps }) {
return (
<MyProvider>
<Component {...pageProps} />
</MyProvider>
)
}
export default MyApp/组件/MyProvider：
import React, { useState, useEffect,useContext } from 'react'
export const MyContext= React.createContext(null)
export function MyProvider ({ children }) {
const [myVar, setMyVar] = useState('abc:en-us:/lo-form')
return (
<MyContext.Provider value={{myVar}}>
{children}
</MyContext.Provider>
)
}
export function useApp() {
const value = useContext(MyContext)
return value
}然后，在任何其他组件/页面中，您可以这样使用钩子：
import { useApp } from './components/MyProvider'
const MyPage= () => {
const {myVar} = useApp()
... rest of code
}这只是一个例子，您可以在许多方面实现这一点，这取决于您的应用程序业务逻辑。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/69031386
复制相关文章
点击加载更多
相似问题
在声明admin时显示“意外令牌管理”错误
意外令牌附近的语法错误"(“在bash中声明数组时)
添加动态className得到意外的令牌错误
部署(意外的tocken)我在部署代码时得到错误(30:37错误解析错误:意外令牌followedUserRef)
Javascript:我得到了错误"Uncaught :意外令牌{“
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
