reactjs.net - 렌더링시 반응 텍스트 태그가 필요합니까?

나는이 튜토리얼 http://reactjs.net/getting-started/tutorial.html을 따라 왔으며 모든 것이 효과적이다. 그러나 최종 출력 소스에서 다음과 같은 주석 태그가 표시됩니다. 왜 텍스트가 react-text 태그를 감싸고 있고, 태그가 필요한 태그입니까? 댓글 태그에있는 이유는 무엇입니까? 어떻게 든 제거 될 수 있습니까?reactjs.net - 렌더링시 반응 텍스트 태그가 필요합니까?

<!-- react-text: 6 -->Hello ReactJS.NET World!<!-- /react-text --> 
<!-- react-text: 9 -->This is one comment<!-- /react-text -->

출처

2016-06-30 fes

댓글은 텍스트의 세그먼트를 나타 내기 위해 React에서 내부적으로 사용됩니다. 예를 들어, 두 변수를 서로 바로 옆에 렌더링하면 React는 주석을 사용하여 변수가 끝나는 위치와 다음 변수가 시작되는 위치를 확인하므로 업데이트시 텍스트를 올바르게 업데이트 할 수 있습니다.

이것은 React v15에서 변경되었으며 이전 버전은 <span>을 사용하여 텍스트 세그먼트를 줄 바꿈했습니다. https://facebook.github.io/react/blog/2016/04/07/react-v15.html#no-more-extra-ltspangts에 자세한 정보가 있습니다.

출처

2016-06-30 22:14:15

대신에 es6 보간법을 사용하여 여러 개의 렌더링 된 값이있는 문자열을 반응 시켜서 출력 할 때 이것을 피하는 데 사용했습니다. 그러나 렌더링 호출이 문자열에서 여러 값 중 하나의 값만 업데이트해야하는 경우 모든 값의 보간으로 약간의 성능 저하가 발생하는 대신 주석 기호를 사용하여 값 업데이트를 처리하도록하는 것이 좋습니다. –

reactjs.net - 렌더링시 반응 텍스트 태그가 필요합니까?

답변

관련 문제