Javascript 不适用于 React 的 JSX 条件

const plantList = {
    name: 'monstera',
    category: 'classique',
    id: '1ed',
    isBestSale: true
};

function Notes(){
    plantList.map((plant) => (
    <li key={ plant.id }>
        {plant.isBestSale ? <span>????</span> : <span>????</span>}
    </li>
))}

export default Notes

const plantList = [{
  name: 'monstera',
  category: 'classique',
  id: '1ed',
  isBestSale: true
}];

function Notes(){
return (
    <>
      {plantList.map((p) => (p.isBestSale ? <span>????</span> : <span>????</span>))}
    </>
  );
}

Javascript相关问答推荐

使用JavaScript在ionic Web应用程序中更新.pane和.view的背景 colored颜色

我不知道为什么setwritten包装promise 不能像我预期的那样工作

如何禁用附加图标点击的v—自动完成事件

如何粗体匹配的字母时输入搜索框使用javascript？

Google maps API通过API返回ZERO_RESULTS，以获得方向请求，但适用于Google maps

空的结果抓取网站与Fetch和Cheerio

更改JSON中使用AJAX返回的图像的路径

虚拟滚动实现使向下滚动可滚动到末尾

编剧如何获得一个div内的所有链接，然后判断每个链接是否都会得到200？

对路由DOM嵌套路由作出react

Reaction-SWR-无更新组件

将嵌套数组的元素乘以其深度，输出一个和

如果对象中的字段等于某个值，则从数组列表中删除对象

MUI迷你图：如何将$符号添加到MUI迷你图中的工具提示数据

固定动态、self 调整的优先级队列

计算对象数组中属性的滚动增量

扩散运算符未按预期工作，引发语法错误

KeyboardEvent：检测到键具有打印的表示形式

Node.js的Fetch()调用总是创建新的Express会话

JavaScript structuredClone在Chrome/Edge中获得了非法调用，但在NodeJS中没有