Daehyunii's Dev-blog

페이지에서 클릭시 데이터 복사하기 본문

📚 Language & CS knowledge/React

페이지에서 클릭시 데이터 복사하기

Daehyunii 2022. 12. 22. 13:57 
const EmojiListItem = ({ emoji }) => {
  return (
    <ListItem onClick={() => navigator.clipboard.writeText(emoji.symbol)}>
      {/* navigator.clipboard.writeText(emoji.symbol)}> 이게 간단하게 복사하는 방법임! */}
      <Symbol>{emoji.symbol}</Symbol>
      <Title>{emoji.title}</Title>
      <Keywords>{emoji.keywords}</Keywords>
    </ListItem>
  );
};

click이벤트 발생시, clipboard에 데이터를 저장

저작자표시 (새창열림)

'📚 Language & CS knowledge > React' 카테고리의 다른 글

컴포넌트 반복  (0) 2022.12.23
삼항 조건 연산자 vs filter( ) 메서드 코드 가독성 비교  (0) 2022.12.22
ref: DOM에 이름 달기  (0) 2022.12.22
이벤트 핸들링  (0) 2022.12.22
컴포넌트 특징들  (0) 2022.12.22
'📚 Language & CS knowledge/React' Related Articles more