-
질문 & 답변
카테고리
-
세부 분야
데브옵스 · 인프라
-
해결 여부
미해결
react.js 실행시 에러가 납니다.
20.11.02 19:59 작성 조회수 1.19k
0
import React, {useState, useEffect} from 'react';
import logo from './logo.svg';
import './App.css';
import axios from 'axios';
function App() {
useEffect(() => {
//여기서 데이터베이스에 있는 값을 가져온다.App
axios.get('/api/values')
.then(response => {
console.log('response', response)
setLists(response.data)
})
}, [])
const [lists, setLists] = useState([])
const [value, setValue] = useState("")
const changeHandler = (event) => {
setValue(event.currentTarget.value)
}
const submitHandler = (event) => {
event.preventDefault();
axios.post('/api/value', {value: value})
.then(response => {
if(response.data.success){
console.log('respone', response)
setLists([...lists, response.data])
setValue("");
}else{
alert('값을 DB에 넣는데 실패했습니다.')
}
})
}
return (
<div className="App">
<header className="App-header">
<img src={logo} className="App-logo" alt="logo" />
<div className="container">
{lists && lists.map((list,index)=> (
<li key={index}>{list.value} </li>
))}
<br />
<form className="example" onSubmit={submitHandler}>
<input
type="text"
placeholder="입력해주세요..."
onChange={changeHandler}
value={value}
/>
<button type="submit">확인</button>
</form>
</div>
</header>
</div>
);
}
export default App;
Failed to compile. ./src/App.js Module not found: Can't resolve 'axios' in '/Users/joseph/Desktop/docker-fullstack-app/frontend/src' 이렇게 에러가 납니다. 이유가 뭘까요??ㅜㅜ
답변을 작성해보세요.
1
0
답변 2