简单的三元运算符抛出意外错误消息

问题描述

我有一个React应用，其中包含指向子路线的链接，并且我使用子域/路径来填充每个详细信息页面上的道具。

换句话说，当用户导航到页面时，我使用pathname来填充诸如页面标题和内容之类的内容。页面/路线之一包含一个名称/标题，该名称/标题通常写在上骆驼的大写字母（“ SoCal”）中，因此我使用以下代码，其中包含一个三元运算符，该运算符确定location = "socal"是否正确，我是否想要将location变量设置为“ SoCal”，以便当我使用<h1>{location}</h1>填充页面标题时，它将正确显示。

问题是，当我使用三元运算符时，它总是将位置设置为SoCal，即使location的原始值是德克萨斯（例如）。看来我做错了什么，但看不到是什么。

var location = titleCase(window.location.pathname.replace("/",""));

function detailPage() {
  const [filter] = useState(location.toLowerCase());
  location = "socal" ? location = "SoCal" : location;
  console.log(location)

请注意，在上面的示例中，我使用的是=而不是您期望的===，因为当我使用===时，代码会中断并返回错误消息：>

”预期分配或函数调用，而是看到了表达。（没有未使用的表达式）”

关于我在做什么错的任何想法吗？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

conditional-operator javascript reactjs reactjs