Spaces:
Runtime error
Runtime error
File size: 1,890 Bytes
4000467 1b7780f 4000467 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 |
import { HlList, HlLayerContainer, HlLayer } from 'react-transformer-qa-decode-visualize'
import 'react-transformer-qa-decode-visualize/dist/index.css'
import { useEffect, useState } from 'react'
const axios = require('axios').default;
function App() {
const [qa_data, set_qa_data] = useState([[]])
const [question,set_question] = useState("What's my name?")
const [context,set_context] = useState("My name is Clara and I live in Berkeley.")
let request_qa_data = () => {
axios.post('/question-answer',{
question,
context
})
.then(function (response) {
console.log(response.data)
set_qa_data(response.data)
})
}
return (
<div style={{ width: 800, padding: 20 }}>
<h4>Question</h4>
<input
style={{ width: 600 }}
type="text"
value={question}
onChange={(e)=>{
set_question(e.target.value)
set_qa_data([[]])
}}
/>
<br />
<h4>Context</h4>
<textarea
name=""
id=""
cols="80"
rows="20"
value={context}
onChange={(e)=>{
set_context(e.target.value)
set_qa_data([[]])
}}
/>
<br /><br />
<button
type="submit"
onClick={request_qa_data}
>Submit
</button>
<br />
<hr />
<div>
<h4>Transformer QA Model</h4>
<p>{question}</p>
<HlList
data={{
result: qa_data[0].slice(0, 10)
}}
color='yellow' />
<hr />
</div>
<h4>Context</h4>
<HlLayerContainer
context={context}>
<HlLayer
data={{
result: qa_data[0].slice(0, 10),
context: context
}}
color='yellow'
/>
</HlLayerContainer >
</div>
);
}
export default App;
|