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";
|
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 {
|
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() {
|
render() {
|
||||||
return(
|
return(
|
||||||
<div>
|
<div>
|
||||||
<h1>Kucinako</h1>
|
<h1>Kucinako</h1>
|
||||||
|
<label>Search
|
||||||
|
<input type="text" ref={ this.input } />
|
||||||
|
</label>
|
||||||
|
<button onClick={ this.handleSubmit }>Make request</button>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user