如果没有搜索结果反应,则显示替代文本

问题描述

大家好,这是我的代码,如果我在搜索栏中输入内容而 API 没有找到我要查找的文本,我正在尝试让页面呈现替代文本 enter image description here 我尝试以这种方式放置一个alternateText 变量,然后放置一个带有搜索功能的条件,但它没有显示文本。enter image description here

解决方法

根据您在图像中的代码,条件检查存在错误。您正在检查组件名称,该名称将始终返回 true。

你的实际情况应该是,

  const showSearch = (searchResult?.length > 0) ? resultHtml : alternativeText;