mun2016111333

<p>소스코드에는 ChannelList.js 에서요..</p>
<div style="color: #d4d4d4; background-color: #1e1e1e; font-family: Consolas, 'Courier New', monospace; font-size: 14px; line-height: 19px; white-space: pre;">
<div><span style="color: #c586c0;">return</span>&nbsp;(</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #808080;"><</span><span style="color: #4ec9b0;">Container</span><span style="color: #808080;">></span></div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #808080;"><</span><span style="color: #4ec9b0;">FlatList</span></div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">data</span>=<span style="color: #569cd6;">{</span><span style="color: #4fc1ff;">channels</span><span style="color: #569cd6;">}</span></div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">renderItem</span>=<span style="color: #569cd6;">{</span>({&nbsp;<span style="color: #9cdcfe;">item</span>&nbsp;})&nbsp;<span style="color: #569cd6;">=></span>&nbsp;<span style="color: #808080;"><</span><span style="color: #4ec9b0;">Item</span>&nbsp;<span style="color: #9cdcfe;">item</span>=<span style="color: #569cd6;">{</span><span style="color: #9cdcfe;">item</span><span style="color: #569cd6;">}</span></div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">onPress</span>=<span style="color: #569cd6;">{</span><span style="color: #9cdcfe;">params</span>&nbsp;<span style="color: #569cd6;">=></span>&nbsp;<span style="color: #9cdcfe;">navigation</span>.<span style="color: #dcdcaa;">navigate</span>(<span style="color: #ce9178;">'Channel'</span>,&nbsp;<span style="color: #9cdcfe;">params</span>)<span style="color: #569cd6;">}</span></div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #808080;">/></span><span style="color: #569cd6;">}</span></div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">keyExtractor</span>=<span style="color: #569cd6;">{</span><span style="color: #9cdcfe;">item</span>&nbsp;<span style="color: #569cd6;">=></span>&nbsp;<span style="color: #9cdcfe;">item</span>[<span style="color: #ce9178;">'id'</span>].<span style="color: #dcdcaa;">toString</span>()<span style="color: #569cd6;">}</span></div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">windowSize</span>=<span style="color: #569cd6;">{</span><span style="color: #b5cea8;">5</span><span style="color: #569cd6;">}</span>&nbsp;<span style="color: #6a9955;">//&nbsp;windowSize로&nbsp;랜더링&nbsp;되는&nbsp;사이즈를&nbsp;줄일수&nbsp;있다.&nbsp;숫자로&nbsp;조절&nbsp;가능.</span></div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #808080;">/></span></div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #808080;"></</span><span style="color: #4ec9b0;">Container</span><span style="color: #808080;">></span></div>
<div>&nbsp;&nbsp;&nbsp;);</div>
<div></div>
<div>이 부분에 <span style="color: #9cdcfe;">item</span>[<span style="color: #ce9178;">'id'</span>].<span style="color: #dcdcaa;">toString</span>() 이게 없다고 에러가 났었 거든요..</div>
<div>그래서 파이어베이스에 데이터베이스에 보니깐 id 컬럼이 없더라구요..</div>
<div>그래서 그걸 추가 하니깐 해결이 되기는 햇는데, 강의내용에는 id 컬럼을 추가를 하는 부분이 나오지</div>
<div>않은거 같아서 제가 문의를 드린 겁니다.</div>
<div>답변 감사합니다 . ㅎㅎㅎ</div>
</div>

mun2016111333

Bài viết