Я не знаю, почему я получаю ошибку 400 неверных запросов, когда пытаюсь поразить мой yelp api.
Request failed with status code 400
- node_modules\axios\lib\core\createError.js:15:17 in createError
- node_modules\axios\lib\core\settle.js:16:9 in settle
- node_modules\axios\lib\adapters\xhr.js:52:6 in handleLoad
- node_modules\event-target-shim\dist\event-target-shim.js:818:39 in EventTarget.prototype.dispatchEvent
- node_modules\react-native\Libraries\Network\XMLHttpRequest.js:566:23 in setReadyState
- node_modules\react-native\Libraries\Network\XMLHttpRequest.js:388:25 in __didCompleteResponse
- node_modules\react-native\Libraries\vendor\emitter\EventEmitter.js:190:12 in emit
- node_modules\react-native\Libraries\BatchedBridge\MessageQueue.js:436:47 in __callFunction
- node_modules\react-native\Libraries\BatchedBridge\MessageQueue.js:111:26 in __guard$argument_0
- node_modules\react-native\Libraries\BatchedBridge\MessageQueue.js:384:10 in __guard
- node_modules\react-native\Libraries\BatchedBridge\MessageQueue.js:110:17 in __guard$argument_0
* [native code]:null in callFunctionReturnFlushedQueue
Вот код, где я создаю топор ios вместо упомянутый baseURL:
import axios from "axios";
const apiKey =
"<API KEY HERE>";
export default axios.create({
baseURL: "https://api.yelp.com/v3/businesses",
headers: {
Authorization: `Bearer ${apiKey}`
}
});
Я делаю поисковый запрос для определенного термина от другого компонента здесь, называемого SearhcScreen:
import { View, Text, StyleSheet } from "react-native";
import SearchBar from "../components/SearchBar";
import yelp from "../api/yelp";
const SearchScreen = () => {
const [term, setTerm] = useState("");
const [results, setResults] = useState([]);
const searchApi = async () => {
try {
const response = await yelp.get("/search", {
params: {
term,
limit: 50,
location: "karachi"
}
});
setResults(response.data.businesses);
} catch (e) {
console.log(e);
}
};
return (
<View>
<SearchBar
term={term}
onTermChange={newTerm => setTerm(newTerm)}
onTermSubmit={() => searchApi()}
/>
<Text>Search Screen</Text>
<Text>We have found {results.length} results.</Text>
</View>
);
};
const styles = StyleSheet.create({});
export default SearchScreen;
Я уже проверил, что мой ключ API, предоставленный yelp, является правильным а также подтвердил мою учетную запись разработчика там. Но все еще не повезло в запуске / получении списка из yelp api через ax ios.