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

show an alternate text if there isn't search results react

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

根据您图片中的代码,条件检查有误。您正在检查组件名称,它总是 returns true。

你的实际情况应该是,

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