2021-1-capstone-design2 / 2017110273

Go to a project
Toggle navigation Toggle navigation pinning
sdy
2b1c8496 1 parent 69a60910

Delete App.js

Inline Side-by-side
Showing 1 changed file with 0 additions and 68 deletions
import React, {Fragment, useState} from "react";
import { Client } from "elasticsearch"
import "./App.css";
function App() {
const [answer, setAnswer] = useState('');
const [inputValue, setInputValue] = useState('');
const client = new Client({
host: 'http://localhost:9200'
});
const onKeyUpHandler = async (event) => {
if (event.charCode === 13) {
setInputValue(event.target.value);
if (inputValue !== '' || inputValue !== undefined || inputValue.length !== 0) {
console.log(inputValue);
try {
const result = await client.search({
index: "wiki-qna2",
body: {
query: {
match: {
"질문(원문, 하 난이도)": inputValue
}
}
}
});
if (result !== null || result !== undefined || result.length !== 0) {
setAnswer(result.hits.hits);
}
} catch (error) {
console.log(error);
}
}
}
}
const showAnswer = (answer) => {
return (
<div>
<b>{answer !== undefined ? answer._source.정답 : 'loading ....'}</b>
</div>
)
}
return (
<div className="App">
<header className="App-header">
<Fragment>
Ask a Question
<input size="80" onKeyPress={onKeyUpHandler}/>
<div>
-- Answers --
<div>
{answer === '' ? " loading answer..." : showAnswer(answer[0])}
</div>
</div>
</Fragment>
</header>
</div>
);
}
export default App;