CATEGORIES
React에서 onClick property를 사용하여 클릭 이벤트 발생시 파라미터를 전달하는 방법에 대하여 알아봅니다.# React onClick 파라미터 전달하기, pass parametersonClick은 리액트 앱에서 클릭 이벤트가 발생 할 경우 설정된 콜백 함수를 호출하게 됩니다. 이 때 원하는 값을 함수에 전달하는 방법을 알아보겠습니다.먼저, 사용 가능한 방법으로 크게 세 가지가 존재합니다.1. 화살표 함수 사용하기 Arrow Function2. bind() 함수 사용하는 방법 3. props 사용자 속성 사용하기, property아래에서 각각 하나씩 알아봅니다.! 화살표 함수 사용하기, Array function먼저 onClick 내부에 익명의 화살표 함수를 사용하여 랩핑하는 방법입니다. 즉 익
Last Modified : 2020-09-02 17:35:47
자바스크립트의 이벤트가 발생하는 경우 우리는 e 또는 window.event가 사용된 모습을 자주 볼 수있다. 이 두가지 키워드가 어떻게 사용되고 이벤트 안에서 어떤 일이 일어나는지 자세히 알아보고자 한다.먼저 아래의 코드를 보자. 아래 코드는 일반적인 이벤트 함수를 작성중인 코드로 그 일부분이다. 여기에 클릭 이벤트가 발생하며 특정 구문을 콜백으로 실행하려하는 코드이다.# 예제소스 보기testNode.onclick = function(e) { e = e || window.event; ... .}여기서 사용된 e 그리고 window.event는 무엇이 다른 것일까? 이 구문이 왜 필요한 것일까? 먼저 이 문법에 대하여 설명하자면 ...|| 문법은 변수 선언에 있어서 해당하는 값이 있는 경우 앞의
Last Modified : 2018-04-11 07:22:33