리액트 공부중인데...질문이 있네요.ㅠ
본문
const [inputs, setInputs] = useState({});
const handleChange = (event) => {
const name = event.target.name;
const value = event.target.value;
setInputs(values => ({...values, [name]: value}))
}
리액트 보는데 위와 같은 내용이 있네요.
useState 설정하는 내용인데,
이중,
setInputs(values => ({...values, [name]: value}))
values => ({...values, [name]: value})
이것의 뜻을 모르겠네요. setInputs 함수에 파라미터로 넣은 것 같은데.. => 이게 왜 있는 건지...
화살표함수도 아닌 것 같고..ㅠ 아마 제가 es6 자바스크립트에 익숙하지 않아서 인 것 같은데.. 화살표 함수는 () => {} 이런식인거 같은데.. 어느 부분을 학습하면 해당 내용을 알 수 있을 까요?
그리고, 왜 행 끝에 ; 표가 없나요?
초짜라 어려움이 있네요.
고맙습니다.
답변 2
+ Arrow function expressions (=>) (화살표 함수 표현식)
- https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions
- https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Functions/Arrow_functions
+ Spread syntax (...) (전개 구문)
- https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Spread_syntax
- https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Spread_syntax
+ Your Guide to Semicolons in JavaScript
- https://www.codecademy.com/resources/blog/your-guide-to-semicolons-in-javascript/
저두 리액트 땜에 고생했죠.. 이게~ 나중에 보면 빡세는 부분 나와요
리덕스로 진입하면.. 무슨 언어가 외계어처럼 느껴져요
그거랑 직접 콘텍트 api 만들어보면 더.. 홧병나요 ㅋㅋㅋ;