Javascript 当我看不到api结果时，我需要显示未找到的数据 当我键入1端口1时，我会看到结果 当我输入1端口12时，我看不到任何结果 所以我需要显示没有找到dta的类型 在“全部清除”时，应清除文本框 但问题是这一行console.log（“resp.json（）-->”，resp.json（）.[PromiseValue]]） 我认为当长度为0时，我将显示未找到的数据 但是我得到了这个错误。/src/searchbar.js：意外令牌（31:48） 我对下面几行进行注释，以便您可以在浏览器中看到输出 //console.log（“resp.json（）-->”，resp.json（）.[PromiseValue]]）； //显示：this.state.noData？“”：“无” 你能告诉我当没有来自api的数据时，如何显示未找到的数据吗 下面提供我的代码片段和沙盒

getQuery=async（type=”“，search_tag=”“）=>{
变量url=”https://hn.algolia.com/api/v1/search?tags=";
const resp=wait fetch（`${url}${type}&query=${search\u tag}`）；
//log（“resp.json（）-->”，resp.json（）.[PromiseValue]]）；
返回resp.json（）；
};
render（）{
log（“this.state.noData-->”，this.state.noData）；
返回(

没有找到任何数据
清除所有

{/*   */}
);

您可以使用上的条件渲染来实现这一点

将您的代码更改为下面的代码，它就会工作

        <SearchBar onFetch={this.onFetch} />
        {this.state.data && this.state.data.length > 0 ? 
        this.state.data.map((item) => <div key={item.objectID}>{item.title}</div>) :
        <p>no data</p>}

{this.state.data&&this.state.data.length>0？
this.state.data.map（（item）=>{item.title}）：
没有数据
}

---

我分叉了沙箱，并且是

您可以使用上的条件渲染来实现这一点

将您的代码更改为下面的代码，它就会工作

        <SearchBar onFetch={this.onFetch} />
        {this.state.data && this.state.data.length > 0 ? 
        this.state.data.map((item) => <div key={item.objectID}>{item.title}</div>) :
        <p>no data</p>}

{this.state.data&&this.state.data.length>0？
this.state.data.map（（item）=>{item.title}）：
没有数据
}

我用叉子叉起沙箱，然后就走了