반응의 요소 값 가져 오기

다음과 같이 클릭 이벤트 핸들러를 통해 요소의 이름에 액세스 할 수 있어야합니다.

  const names = [
    'Mark',
    'John',
  ];

  const handleClick = (event) => {
    const { name } = event.target;

    // you now have access to name
  };

...other code

  return (
    <ul>
      {names.map((name) => <li name={name} onClick={handleClick}>{name}</li>)}
    </ul>
  );

또는

  const names = [
    'Mark',
    'John',
  ];

  const handleClick = (name) => {
    // you now have access to name
  };

...other code

  return (
    <ul>
      {names.map((name) => <li onClick={() => handleClick(name)}>{name}</li>)}
    </ul>
  );