Как отправить форму, используя метод «get» в React?

Question

Как отправить форму с использованием метода "get" на внешний URL-адрес в реакции?

То же, что и в примере в HTML: https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_form_method

, но третьей сторонеURL ...?

Я полагаю, я не могу сделать что-то подобное? Целью является вывод;myUrl.com/?checkin=(forminput)

<Form
                className='mt-2'
                layout='inline'
                method='GET'
                action='https://myURL.com'
            >
                <Form.Item label='Check in' name='checkin'>
                    <DatePicker />
                </Form.Item>
                <Form.Item>
                    <Button className='ml-2' onClick='submit'>
                        Search
                    </Button>
                </Form.Item>
            </Form>

Answer 1

Вы можете добиться этого, собирая входные данные в объекте и отправляя его, используя библиотеку, такую ​​как fetch или axios

Answer 2

Если для «стороннего URL» включена CORS, то это так же просто, как сделать нативный JS fetch.

Пример:

// Your CORS enabled URL
const url = "http://cors.enabled.com";

// Data to send
const data = JSON.stringify({
  fname: "John", lname: "Doe"
});

// Formulate and execute request
const response = await fetch(url, {method: "GET", body: data});
// Response JSON
const json = await response.json();

// Output response JSON
console.log({json})

В качестве альтернативы вы можете сделать это простотак же, как они предлагают на сайте w3schools. Использование атрибута action. Это работает, но, вероятно, не идеально для приложения React, так как заставит изменить страницу.

<form action="/action_page.php" method="get" target="_blank">
   [...]
</form>