łączenie app react z localhost, przy użyciu danych pobranych z formularza html do stworzenia URL

0

Witam wszystkich,

mam mały problem z" Reactem", a mianowicie. Napisałem sobie serwis w Javie ktory odpalam na localhost , i postanowiłem go jakoś ładnie ubrać. W tym celu wybrałem React z którym zapoznaje się od paru dni. Problem pojawił się z formularzem. Rzecz polega na tym , że potrzebuję napisać metodę która będzie łączyła się z localhost po naciśnięciu przycisku zawartym w komponencie który przechowuje pole do wpisania oraz pole wyboru. Naturalnie oba pola muszą znaleźć się w moim adresie URL. Dziękuje z góry za pomoc.

0

const url="http://localhost:1111/kantorOperacje?kantorOperacje=";
handleClick(){

 const kwota = this.kwota.current.value
 const kantorOperacje = this.kantorOperacje.current.value

fetch(url + kantorOperacje+"&kwota="+kwota,
{
headers : {
'Access-Control-Allow-Origin': '*',
'Access-Control-Allow-Methods': 'GET, PUT, POST, DELETE, OPTIONS',
'Content-Type': 'application/json',
}
}
)
.then(response => response.json())
.then( json =>
this.setState({ wynik : json})

   );
 }
0

wynik tej metody za kazdym razem jest http://localhost:3000/?kantorOperacje=(CHFPLN&kwota=11) część z nawiasów ulega tylko zmianie , po odpowiednio wybranej operacji oraz kwoty. Problem polega na tym że pierwsza część URL nie jest przekazywana z zmienne const url

1 użytkowników online, w tym zalogowanych: 0, gości: 1