使用条件时在React类Component中解析错误

问题描述

在正确设置了组件中的所有内容后，我收到此Adjacent JSX elements must be wrapped in an enclosing tag. Did you want a JSX fragment <>...</>?错误。我已经仔细检查了所有内容，似乎没有错。错误消息中突出显示了折叠组件。我做错了什么或什么可能导致错误？

有错误的代码部分：

return (
                    <div>
                    {
                     isAuthenticatedAndIsCoach ?
                        <h2>Lisa</h2>
                        <Collapse defaultActiveKey={['0']} onChange={callback} style={{ marginBottom: '10px',borderRadius: '10px'}}>
                            <Panel header="Valige treeningu asukoht kaardilt" key="1">
                                <Map />
                            </Panel>
                        </Collapse>
                        <CustomForm
                            requestType="post"
                            trainingID={null}
                            btnText="Loo treening"/>
                      : <span>Teil puudub vastav luba postitamiseks</span>
                      }
                    </div>
                )

解决方法

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

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

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