Boilerplate
This commit is contained in:
parent
1e28e81991
commit
6930e860eb
34
App.jsx
34
App.jsx
@ -1,10 +1,44 @@
|
||||
import React, { Component } from "react";
|
||||
|
||||
const backendUrl = "https://kucinakobackend.ichigo.everydayimshuflin.com";
|
||||
|
||||
function makeRequest(queryString, jsonHandler) {
|
||||
const effectiveUrl = `${backendUrl}/${queryString}`
|
||||
fetch(`${backendUrl}`)
|
||||
.then((resp) => {
|
||||
return resp.json()
|
||||
})
|
||||
.then((json) => {
|
||||
jsonHandler(json);
|
||||
});
|
||||
}
|
||||
|
||||
function testHandler(json) {
|
||||
console.log("JSON");
|
||||
console.log(json);
|
||||
}
|
||||
|
||||
class App extends Component {
|
||||
constructor(props) {
|
||||
super(props);
|
||||
this.input = React.createRef();
|
||||
this.handleSubmit = this.handleSubmit.bind(this);
|
||||
}
|
||||
|
||||
handleSubmit(event) {
|
||||
const value = this.input.current.value;
|
||||
console.log("handling submit with value: ", value);
|
||||
makeRequest("", testHandler);
|
||||
}
|
||||
|
||||
render() {
|
||||
return(
|
||||
<div>
|
||||
<h1>Kucinako</h1>
|
||||
<label>Search
|
||||
<input type="text" ref={ this.input } />
|
||||
</label>
|
||||
<button onClick={ this.handleSubmit }>Make request</button>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user