문자열 내의 하위 문자열을 다른 HTML 태그나 속성으로 변경할 수 있습니까?

Question

문자열을 속성으로 받아들이는 React 구성 요소가 있습니다:

으아아아

이 구성요소는 다른 곳에서도 사용됩니다:

으아아아

제 질문은 이 경우 이메일 주소의 색상을 변경할 수 있습니까?입니다. 예를 들어 파란색으로 변경합니다.

또는 해당 텍스트를 다음으로 감싸는 것이 더 좋습니다.

으아아아

부동산 유형이 string인 경우 이와 같은 일이 가능한지 확실하지 않습니다.

Answer 1

제공된 문자열을 기준으로 하셔도 되지만, 이메일 주소를 별도의 속성으로 제공하시면 더 쉽습니다MyComponent.

구성 요소를 변경하지 않고 간단한 정규 표현식을 사용하여 문자열에서 이메일 주소를 가져온 다음 원하는 대로 무엇이든 할 수 있습니다.

다음은 간단하고 불완전한 정규식 예입니다.

으아악

이것은 매우 간단한 솔루션이지만 귀하의 경우에 사용할 수 있다고 생각합니다.