Блог

Получение ошибки «ПОЛУЧИТЬ 400 неверных запросов» при передаче строки запроса по URL-адресу в fetch()

 import React, { useState, useEffect } from 'react';

import Card from '../UI/Card';
import './Search.css';

const Search = React.memo(props => {
 const { onLoadIngredients } = props;
 const [enteredFilter, setEnteredFilter] = useState('');

 useEffect(() => {
  const query = enteredFilter.length === 0 ? '' : `?orderBy="title"amp;equalTo="${enteredFilter}"`;
  fetch('https://react-hooks-update-45be2-default-rtdb.firebaseio.com/ingredients.json/'   query)
  .then(response => response.json())
  .then(responseData => {
    const loadedIngredients = [];
    for (const key in responseData) {
      loadedIngredients.push({
        id: key,
        title: responseData[key].title,
        amount: responseData[key].amount
      });
    }
    onLoadIngredients(loadedIngredients);
  });
}, [enteredFilter, onLoadIngredients]);

return (
<section className="search">
  <Card>
    <div className="search-input">
      <label>Filter by Title</label>
      <input
        type="text"
        value={enteredFilter}
        onChange={event => setEnteredFilter(event.target.value)}
      />
    </div>
  </Card>
</section>
);
});

export default Search;
 

Это сообщение об ошибке:
Поиск.js:15 ПОЛУЧИТЬ https://react-hooks-update-45be2-default-rtdb.firebaseio.com/ingredients.json/?orderBy=»title»amp;equalTo=»Apple» 400 (Плохой запрос)

Это ошибка firebase

Пока не заработает маршрут json. но стиль URL-адреса фильтра неверен.

Пожалуйста, проверьте эту ссылку

Учебник по программированию Firebase

Эта ссылка такая же, как и ваш вопрос.