Javascript 嵌套的大括号不起作用

我有以下带有嵌套大括号的代码：

{ browser.name === 'firefox' &&
  <a className='foo' href={props.config.site} >
...
}

{browser.name=='firefox'&&
...
}

在渲染时，

href

属性完全丢失。

props

对象正确地传递了在Redux插件上查看的正确站点属性。为了验证是否显示了外部大括号之间的这段代码，我改变了

类名

，以表明显示的是这个特定的元素

---

我不能用这种方式嵌套大括号吗？

我看不出当前代码段有任何问题。顺便问一下，你说的内/外花括号是什么意思？“…”部分中是否有相关内容？

{browser.name…

将是外部大括号，而

href={props.config.site}

将是内部的大括号。在渲染时缺少href属性。更多的html元素没有任何大括号。好的，找到了。项目使用Immutable.js，我不知道配置已转换为Immutable.js对象。我没有想到

{console.log（props.config.site）}作为一种检查方法，因为我仍然认为自己在反应上没有经验。谢谢大家。如果我们能帮助你，那就太好了。我看不出当前的片段有什么问题。BTW.你说的内/外花键是什么意思？在“……”部分有什么相关的吗？<代码>{browser.name…

将是外部大括号，而

href={props.config.site}

将是内部的大括号。在渲染时缺少href属性。更多的html元素没有任何大括号。好的，找到了。项目使用Immutable.js，我不知道配置已转换为Immutable.js对象。我没有想到

{console.log（props.config.site）}作为一种检查方法，我仍然认为自己在反应上缺乏经验。吸取教训。谢谢大家。如果我们能帮助你，那就太好了！