객체 배열의 템플릿 문자열에 JSX 요소를 추가하는 것이 가능합니까?

Question

템플릿 문자열의 객체 배열에 <a>, <p>와 같은 JSX 요소를 추가하려고 하는데, 이 프로젝트에는 배열을 보유하는 photographer.jsx라는 파일과 배열을 매핑하는 Projects.jsx라는 또 다른 파일이 있습니다. 데이터를 표시하기 위한 모든 jsx 및 props를 보유하는 ProjectsItem.jsx 파일.

으아아아

위와 같이 설명 객체의 템플릿 문자열에 추가하려고 하는데, 그렇게 하려고 하면 문자열화된 객체를 반환하거나 [객체, 객체]를 표시합니다.

다음과 같이 배열 외부의 JSX 요소와 함께 const를 사용해 보았습니다.

으아아아

인라인으로 삽입해보았습니다

으아아아

, [object, Object]를 반환하거나 모든 특정 유형과 세부 정보가 포함된 문자열화된 요소를 반환합니다.

저는 React를 처음 접해서 이것이 가능한지는 잘 모르겠지만, 혹시 잘못된 것이 있다면 이 문제를 해결하는 데 도움을 주실 수 있는 분이 계시다면 정말 감사하겠습니다. 감사합니다!

만약에 대비해 이 프로젝트의 GitHub 저장소는 다음과 같습니다: https://github.com/fred-gutierrez/React-Portfolio

Answer 1

div를 추가하면 완료됩니다. 이것이 당신에게 도움이 되기를 바랍니다.

으아악