我想根据环境值向我的用户显示维护消息,但它就是不起作用.

.env.local岁的时候有一个价值,那就是;

NEXT_PUBLIC_SHOW_MAINTENANCE=true

我的页面看起来是这样的;

const Index = () => {
    const showMaintenance = process.env.NEXT_PUBLIC_SHOW_MAINTENANCE

    return (
        <div>
            {showMaintenance ? (
                <div>Under Maintenance</div>
            ) : (
                <div>We are live</div>
            )}
        </div>
    )
}

export default Index

但它根本不起作用,如果值是真或假,它只是显示在维护中.

任何帮助都将不胜感激.

推荐答案

你必须这样写你的结束语</div>

https://codesandbox.io/s/cocky-shockley-mv7l3s?file=/src/App.tsx

Javascript相关问答推荐

为什么JavaScript双边字符串文字插值不是二次的?

Plotly热图:在矩形上zoom 后将zoom 区域居中

Angular中计算信号和getter的区别

无法在nextjs应用程序中通过id从mongoDB删除'

如何使覆盖div与可水平滚动的父div相关?

如何在bslib nav_insert之后更改导航标签的CSS类和样式?

Prisma具有至少一个值的多对多关系

在JS中拖放:检测文件

我可以使用使用node.js创建的本地主机来存储我网站上提交的所有数据吗?没有SQL或任何数据库.只有HTML语言

第二次更新文本输入字段后,Reaction崩溃

当我try 将值更改为True时,按钮不会锁定

有效路径同时显示有效路径组件和不存在的路径组件

在HTML5画布上下文中使用putImageData时,重载解析失败

Angel Auth Guard-用户只有在未登录时才能访问登录页面,只有在登录时才能访问其他页面

在传单的图像覆盖中重新着色特定 colored颜色 的所有像素

Firebase函数中的FireStore WHERE子句无法执行

如何阻止外部脚本进入顶层导航

如果查询为空,则MongoDB将所有文档与$in匹配

浮动标签效果移除时,所需的也被移除

在不使用AJAX的情况下将JavaScript数组值传递给Laravel控制器?