javascript - JXS if else 类不起作用

标签 javascript reactjs jsx

{item.status}
<div className="{item.status !== '' ? 'hide' : ''} pull-right">Content</div>

为什么上面的jsx没有效果?我的 item.status 值是字符串。但在我的 DOM 中我看不到添加了隐藏类。

最佳答案

这是因为您已将三元运算符包装在 "中,因此它被视为字符串。请尝试以下操作:

{item.status}
<div class={"pull-right "+(item.status !== '' ? 'hide' : '')}>Content</div>

关于javascript - JXS if else 类不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42185788/

相关文章:

javascript - 如何以 redux 形式传入动态表单名称?

javascript - JSX 条件内联样式不起作用

reactjs - 使用 React 显示来自 fetch api 的数据

javascript - 使用 ReactJS 将 formData 发送到 Express API 并获取响应的 JSON

javascript - 如何在 Laravel 5.2 中获取 AJAX 表记录

javascript - Bootstrap 水平多级菜单

javascript - 通过对象数组的 Angular 循环

javascript - 如何更改 Canvas 元素的位置?

reactjs - 是否有一种干净的方法来有条件地加载和渲染同一 React Router 路由的不同组件?

reactjs - 使用 React Router 的服务器端身份验证流程