reactjs - 配置 Jsx-control-statement codesandbox.io
问题描述
我正在练习对 condesanbox.io 安装的 jsx-control-statement 依赖项做出反应。当我添加任何控制语句时,它是未定义的。
如何在 codesandbox.io 中配置 jsx-control-statements。
解决方案
这个问题可能是几个月前的问题,看起来提问者还没有找到解决方案,所以这是我的解决方案
解决方案:不要在 return 语句中只使用 jsx 语法,而是用 react 片段包装 jsx,下面是示例
return (<>
{user ? <Component1/>:<Component2/>}
</>)
推荐阅读
- web-component - 书签:突出显示 Web 组件
- arrays - 如何使用 XSL 3.0 在 xml 映射中添加/删除条目
- typescript - 如何使用“ngFor”指令在angular10中的get api调用数组中生成等于“postId”属性的数量的按钮?
- django - 使用 FileField 进行 Django 表单验证
- c# - 如何使用 HttpWebRequest 从亚马逊获取 html 内容
- reactjs - React Firebase startAfter() 查询未按预期工作
- node.js - 如何捕获事件/侦听/观察从 nodejs 中的内部函数发出的事件?
- linux - 如何在 Azure Web App - Linux 中设置重写规则
- amazon-web-services - 如何使用 EC2 网站设置 Cloudfront
- c# - 如何从字符串的一部分中检索所有整数?