为什么我的 else 部分出现解析错误？ [关闭]答案

【问题标题】：why I am getting parsing error in my else part? [closed]为什么我的 else 部分出现解析错误？ [关闭]
【发布时间】：2020-09-08 18:26:29
【问题描述】：

enter image description here

我试了很久但总是出现编译时错误

【问题讨论】：

您可能与 jsx 语法有冲突。尝试使用三元运算符?
这里能不能写代码，方便多了
这能回答你的问题吗？ Is it possible to use if...else... statement in React render function?

标签： javascript reactjs

【解决方案1】：

@Chase 是对的。 JSX 不支持 if-else。相反，您应该使用三元运算符。我修改了你的代码。请在下方查看：

const App = () => {
    const [show, setShow] = useState();
    show.map(show => {
        return (
            (show) ?
                <div>
                    <h1 className="design">
                        <Counter/>
                    </h1>
                    <User/>
                </div>
                :
                <div>
                    <h2 className="design2">
                        <Counter/>
                    </h2>
                </div>
        )
    })
};

【讨论】：

【解决方案2】：

因为这不是 JSX 中的有效语法。

见：https://react-cn.github.io/react/tips/if-else-in-JSX.html

if-else 语句在 JSX 中不起作用。这是因为 JSX 只是函数调用和对象构造的语法糖。

改用三元或变量赋值。

【讨论】：