Как изменить состояние http-запроса в React-Ax ios? - PullRequest
Новая
       65

Как изменить состояние http-запроса в React-Ax ios?

0 голосов
/ 14 июля 2020

я учусь реагировать и топор ios прямо сейчас. Я создаю небольшое приложение на основе видео YouTube с помощью ax ios и использую другой API. Я зациклен на HTTP-запросе API, я использую Marvel API. это запрос на набор символов из API: 

const result = await axios(
        process.env.REACT_APP_MARVEL_API_BASE_URL +
          `characters?&orderBy=name&ts=` +
          ts +
          `&apikey=` +
          process.env.REACT_APP_MARVEL_API_PUBLIC_KEY +
          `&hash=` +
          hash
      )

Я хочу добавить функцию поиска. это Основное приложение: 

return (
    <div className="container">
      <Header />
      <Search getQuery={(q) => setQuery(q)} />
      <CharacterGrid isLoading={isLoading} items={items} />
    </div>

, а это компонент поиска: 


const Search = ({ getQuery }) => {
  const [text, setText] = useState('')

  const onChange = (q) => {
    setText(q)
    getQuery(q)
  }

  return (
    <section className="search">
      <form>
        <input
          type="text"
          className="form-control"
          placeholder="Search e.g. Ironman, Stan Lee"
          value={text}
          onChange={(e) => onChange(e.target.value)}
          autoFocus
        ></input>
      </form>
    </section>
  )
}

export default Search

Я хочу изменить состояние этой части запроса на основе поиска. Я добавил эту строку на основе руководства, но она не сработала characters?nameStartsWith=${query}&orderBy=name&ts=, поэтому я отказался от такого поиска characters?&orderBy=name&ts=, мой вопрос: как я могу изменить свой код, чтобы изменить состояние поиска, которое я добавляю или замените "nameStartsWith = $ {query}" на это "characters?&orderBy=name&ts="

...