강의

멘토링

로드맵

Cộng đồng Hỏi & Đáp của Inflearn

Hình ảnh hồ sơ của tmlu483934
tmlu483934

câu hỏi đã được viết

Clone coding Slack [Chat thời gian thực với React]

Tạo tính năng nhắc tên

react-mentions에 대한 질문입니다!

Viết

·

629

0

안녕하세요! 항상 강의 잘 보고 있습니다.

다름이 아니라 react-memtions을 적용했을때 한글로 닉네임을 찾을 경우 잘 인식을 하지 못하는 것 같아서요. 강의영상에서는 잘 인식하시는 것 같은데 저는 영어닉네임을 검색할 때 처럼 바로 인식을 하지 않습니다. 한글 같은 경우는 완전히 2글자 이상을 입력하고 한글자를 지우면 인식합니다

혹시 이유를 아시는지 궁금합니다!

const renderSuggestion = useCallback(
    (
      suggestion: SuggestionDataItem,
      search: string,
      highlightedDisplay: React.ReactNode,
      index: number,
      focus: boolean,
    ): React.ReactNode => {
      if (!memberData) return;

      return (
        <EachMention focus={focus}>
          <img
            src={gravatar.url(memberData[index].email, { s: '20px', d: 'retro' })}
            alt={memberData[index].nickname}
          />
          <span>{highlightedDisplay}</span>
        </EachMention>
      );
    },
    [memberData],
  );
웹팩reacttypescriptbabelSocket.io클론코딩

Quiz

63% người trả lời sai. Hãy thử ngay!

실시간 데이터 통신에 폴링 방식 대신 웹소켓(Socket.IO 포함)을 사용하는 주된 이점은 무엇일까요?

HTTP 요청보다 항상 응답 속도가 빠릅니다.

서버에서 클라이언트로 데이터 푸시가 가능합니다.

네트워크 대역폭을 훨씬 적게 사용합니다.

방화벽 설정이 더 간단합니다.

Câu trả lời 2

1

zerocho님의 프로필 이미지
zerocho
Người chia sẻ kiến thức

혹시 맥을 쓰시나요?

0

tmlu483934님의 프로필 이미지
tmlu483934
Người đặt câu hỏi

아뇨! Window 사용하고 있습니다. react-mentions에서 제공해주는 데모를 실행해도 한글은 똑같은 현상이 발생하네요ㅜㅜ 저만 발생하는 거면 제 컴퓨터에 이상이 있는 것 같습니다! 계속 찾아보겠습니다.

zerocho님의 프로필 이미지
zerocho
Người chia sẻ kiến thức

저도 그런 버그가 있네요. 한글 관련된 버그라서 애매합니다. ㅠㅠ 원래 한글이 저런 라이브러리와 충돌이 잦아요.

Hình ảnh hồ sơ của tmlu483934
tmlu483934

câu hỏi đã được viết

Đặt câu hỏi