在react JSX中显示大括号

Question

我有一个组件，它有以下内容-

{tree[treeType].count > 0 ? tree[treeType].count : null}

的目的是仅在count大于0时显示计数，但是应该在()括号中显示。如果计数为0，则不显示

我试着用-({tree[treeType].count > 0 ? tree[treeType].count : null})，但无论如何都会显示括号，还有-{tree[treeType].count > 0 ? (tree[treeType].count) : null}，但这会产生错误。

我该怎么办?

Answer 1

tree[treeType].count > 0 ? `(${tree[treeType].count})` : null

Answer 2

请尝试使用此代码:

{tree[treeType].count > 0 ? '(' + tree[treeType].count + ')' : null}