render{
const {datas} = this.props;
return (
<ul>
{
this.props.datas.map(data => {
return <li key={data.id}><a href='/url/' + {data.id}>{data.title}</a></li>
}
}
</ul>
);
}
<a href='/url/' + {post.id}>
이 부분을 map 함수 실행되는 동안 고유의 값(id)으로 변경하면서 링크를 생성하고 싶다.
아무리 href속성에서 +를 쓰려해봐도 에러나고, 어떻게 값을 문자열로 변경하여 붙일 수 있을까?
href={'/url/' + data.id}
이렇게 하면 된다.
{} 한 뒤에 그 안에 문자열 + data.id로 작성하면 문자열로 변환되어 map함수로 실행하면 정상적으로 작동된다.
'개발 > React' 카테고리의 다른 글
| [React] 리액트 참고 블로그 & 도움이 될 만한 블로그 정리 (0) | 2018.10.02 |
|---|---|
| [React 공식 홈페이지 번역 01] 리액트란 무엇인가?? (0) | 2018.09.30 |
| [React] Reactjs code snippets을 설치해서 리액트 코드 템플릿 자동 생성하기 (0) | 2018.08.27 |
| [React] Windows에서 npm 설치 오류 발생시 해결 방법... (0) | 2018.08.26 |
| [React] 리액트(React)로 파이어베이스(Firebase) 배포(Deploy)하는 방법!!! (0) | 2018.08.13 |
