Javascript 当我在文本框中输入故事时，它应该会点击这个api 当我在文本框中输入故事时，它应该会点击这个api 数据应显示在浏览器中 但现在，这一呼吁没有发生 所有相关代码都在searchbar.js中 你能告诉我怎么修吗 下面提供我的代码片段和沙盒

类搜索栏扩展组件{
async searchByKeyword（{target}）{
等待这个.getQuery（“故事”，target.value）；
}
异步组件didmount（）{
等待这个。getQuery（“故事”，“屁股”）；
}
getQuery=async（type=”“，search_tag=“”）=>{
变量url=”https://hn.algolia.com/api/v1/search?tags=";
const resp=wait fetch（`${url}${type}&query=${search\u tag}`）；
返回resp.json（）；
};
render（）{
返回；
}
}

我已经更新了

您的

searchByKeyword

方法未绑定到

SearchBar

组件，这导致

此

在方法中未定义。通过添加此代码，您可以执行以下操作：

constructor(props) {
    super(props);

    this.searchByKeyword = this.searchByKeyword.bind(this);
}

每次数据提取时，您的数据都会被发送到

SearchBar

组件的

onFetch

prop。 此数据由

应用程序
组件处理：

<SearchBar onFetch={this.onFetch} />



其中数据设置为状态。该状态在搜索输入下面表示。
您从未使用接收到的数据设置状态，也从未尝试呈现任何状态。如果您能更新沙盒中的代码，这太令人困惑了：（我只是偏离了我在问题中看到的方向。我甚至没有查看沙盒。上面的代码对等待结果没有任何作用