api 결과값을 어떻게 다른js로 보내야할까요.?

[고진규]

이건 translate.js입니다.

 

function Translate() {
const Bearer="Bearer "
const query_selector = document.getElementById("query_selector");
const function_name = document.getElementById("function_name");
const [result2,setResult2] = useState(null)
axios({
method: "POST",
headers:{
Authorization: Bearer+localStorage.getItem('ac-token')
},
url: "비밀",
data: {
"query_selector": query_selector?.value,
"function_name": function_name?.value,
"parameters": {
"key1": "value1"
}
}
}).then((res) => {
console.log(res.data.response);
setResult2(res.data.response); -> 이결과값을
// console.log(res);
}).catch(error => {
console.log(error);
});
}
export default Translate;

 

translation.js로 보내고싶은데 어떻게해야할지모르겠습니다..

<div><div class='text3' id="result" value={result} ></div> ㅁㅁㅁ</div>

ㅁㅁㅁ안에 들어가야하는데..

[고진규]

function Translate() {
const Bearer="Bearer "
const query_selector = document.getElementById("query_selector");
const function_name = document.getElementById("function_name");
const [result2,setResult2] = useState(null)
axios({
method: "POST",
headers:{Authorization: Bearer+localStorage.getItem('ac-token')},
url: "http://3.39.83.176:8000/query/databases/1/execute",
data: {
"query_selector": query_selector?.value,
"function_name": function_name?.value,
"parameters": {
"key1": "value1"
}
}
}).then((res) => {
console.log(res.data.response);
setResult2(res.data.response);
}).catch(error => {
console.log(error);
});
return(
<Translation result2={result2}/>
);
}
export default Translate;

 

 

function Translation(props) {
const [LoginState, setLoginState] = useState(true);
const [code, setCode] = useState("");
const [query_selector, setQuery_selector] = useState("");
const [database_name, setDatabase_name] = useState("");
const [function_name, setFunction_name] = useState("");
const [result, setResult] = useState("");

return(

~~~

<Button variant="outline-success" id="translate-btn" onClick={Translate}>번역</Button>

<div><div class='text3' id="result" value={result} >{props.result2}</div></div>

)

 

이런식으로 수정했는데,Invalid hook call 오류가 뜹니다..뭐가 문제인지 알려주실수있나여?

[codingapple]

use어쩌구 함수들은 컴포넌트 안에서만 쓸 수 있습니다 

Translate가 컴포넌트역할이면 컴포넌트를 일반적으로 onClick 안에 집어넣지는 않습니다 

get요청하는 코드랑 html 보여주는 코드는 분리합시다 

[글쓴이]

글