props2 props로 함수 전달하기/자식에서 사용하기 props로 함수 전달하기(매개변수x)부모 컴포넌트import React from "react";import Child from "./Child";const Parent = () => { // props로 전달할 함수 const testFunc = () => { console.log("addArticle 함수 호출"); }; return ;};export default Parent;자식 컴포넌트import React from "react";const Child = ({ propsFunc }) => { return ( // 버튼 클릭 시 부모 컴포넌트의 testFunc 함수 호출 Add Article );};export default Child; props로 함수 전.. 2025. 3. 28. 구조 분해 할당 📍구조 분해 할당(비구조화 할당)이란구조 분해 할당(Destructuring Assignment)은 JavaScript에서 배열이나 객체의 값을 간편하게 추출하여 변수에 할당할 수 있는 문법입니다. 이 문법을 사용하면 코드가 더 간결하고 가독성이 좋아집니다. 📍기본 문법: 비구조화 할당의 기본 구조는 좌측에는 변수, 우측에는 해당 변수에 넣어지는 값을 표현한다.배열의 경우 []를 사용하고, 객체의 경우 {}를 사용한다. 📍예시☑️ ex) 1const Row = ({ title, id, fetchUrl }) => { ... }({ title, id, fetchUrl })는 props 객체에서 title, id, fetchUrl을 구조 분해하여 변수로 사용하는 것입니다.즉, Row 컴포넌트가 호출될.. 2024. 1. 15. 이전 1 다음
