sdy

Delete App.js

1 -import React, {Fragment, useState} from "react";
2 -import { Client } from "elasticsearch"
3 -import "./App.css";
4 -
5 -function App() {
6 -
7 - const [answer, setAnswer] = useState('');
8 - const [inputValue, setInputValue] = useState('');
9 -
10 - const client = new Client({
11 - host: 'http://localhost:9200'
12 - });
13 -
14 - const onKeyUpHandler = async (event) => {
15 - if (event.charCode === 13) {
16 - setInputValue(event.target.value);
17 -
18 - if (inputValue !== '' || inputValue !== undefined || inputValue.length !== 0) {
19 - console.log(inputValue);
20 - try {
21 - const result = await client.search({
22 - index: "wiki-qna2",
23 - body: {
24 - query: {
25 - match: {
26 - "질문(원문, 하 난이도)": inputValue
27 - }
28 - }
29 - }
30 - });
31 -
32 - if (result !== null || result !== undefined || result.length !== 0) {
33 - setAnswer(result.hits.hits);
34 - }
35 - } catch (error) {
36 - console.log(error);
37 - }
38 - }
39 - }
40 - }
41 -
42 - const showAnswer = (answer) => {
43 - return (
44 - <div>
45 - <b>{answer !== undefined ? answer._source.정답 : 'loading ....'}</b>
46 - </div>
47 - )
48 - }
49 -
50 - return (
51 - <div className="App">
52 - <header className="App-header">
53 - <Fragment>
54 - Ask a Question
55 - <input size="80" onKeyPress={onKeyUpHandler}/>
56 - <div>
57 - -- Answers --
58 - <div>
59 - {answer === '' ? " loading answer..." : showAnswer(answer[0])}
60 - </div>
61 - </div>
62 - </Fragment>
63 - </header>
64 - </div>
65 - );
66 -}
67 -
68 -export default App;