ํค๊ฐ ๊ณ ์ ํ๋ค๊ณ ํ์ ํ๋ฏ๋ก ๊ฒฝ๊ณ ์ค๋ฅ๋ ์ธ์ํ๋ ์ด์ ๋ ๋ฌด์์
๋๊น?
๋ด ๋ฐ์ ๋ฒ์ ์ 0.14.8์
๋๋ค.
๊ฐ์ฌ ํด์
์๋์ ๊ฐ์ด ํ๋์ ์ ์ฒด ํธ์ถ ์คํ:
warning.js:45 ๊ฒฝ๊ณ : flattenChildren(...): .$outbox81
๊ฐ์ ํค๋ฅผ ๊ฐ์ง ๋ ๋ช
์ ์์์ด ๋ฐ์ํ์ต๋๋ค. ์์ ํค๋ ๊ณ ์ ํด์ผ ํฉ๋๋ค. ๋ ์์์ด ํค๋ฅผ ๊ณต์ ํ ๋ ์ฒซ ๋ฒ์งธ ์์๋ง ์ฌ์ฉ๋ฉ๋๋ค.warning @ warning.js:45flattenSingleChildIntoContext @ flattenChildren.js:27traverseAllChildrenImpl @ traverseAllChildren.js:98traverseAllChildrenChildrenImpl @ traverseAllChildren.js:114traverseAllChildren.js:114traverseAllChildren.js:114traverseAllChildren @ :44_reconcilerUpdateChildren @ ReactMultiChild.js:212_updateChildren @ ReactMultiChild.js:351updateChildren @ ReactMultiChild.js:326_updateDOMChildren @ ReactDOMComponent.js:871updateComponent @ ReactDOMComponent.js:871updateComponent @ @ ReactDOMComponent.js:640receiveComponent @ ReactDOMComponent backend.js:8386_updateRenderedComponent @ ReactCompositeComponent.js:562_performComponentUpdate @ ReactCompositeComponent.js:544updateComponent @ ReactCompositeComponent.js:473ReactCompositeComponent_updateComponent @ ReactPerf.js:66receiveComponent @ ReactCompositeComponent.js:408receiveComponent. on) @ backend.js:8386updateChildren @ ReactChildReconciler.js:84_reconcilerUpdateChildren @ ReactMultiChild.js:216_updateChildren @ ReactMultiChild.js:351updateChildren @ ReactMultiChild.js:351updateChildren @ ReactMultiChild.js:326_updateDOMChildren.js:326_updateDOMChildren. @OM ReactReconciler.js:87obj.(์ต๋ช
ํจ์) @ backend.js:8386updateChildren @ ReactChildReconciler.js:84_reconcilerUpdateChildren @ ReactMultiChild.js:216_updateChildren @ ReactComponentComponent @ ReactMultiChild.js:351updateChildren @ ReactMultiChild_update js:700receiveComponent @ ReactDOMComponent.js:645receiveComponent @ ReactReconciler.js:87obj.(์ต๋ช
ํจ์) @ backend.js:8386_updateRenderedComponent @ ReactCompositeComponent.js:562_performComponentUpdate @ ReactCompositeComponent.js:544updateComponent.act @ ReactCompositeComponent f.js:66receiveComponent @ ReactCompositeComponent.js:405receiveComponent @ ReactReconciler.js:87obj.(์ต๋ช
ํจ์) @ backend.js:8386updateChildren @ ReactChildReconciler.js:84_reconcilerUpdateChildren @ ReactMultiChild.js:216_updateChildren @ ReactMultiChild.js:216_updateChildren :326_updateDOMChildren @ ReactDOMComponent.js:871updateComponent @ ReactDOMComponent.js:700receiveComponent @ ReactDOMComponent.js:645receiveComponent @ ReactReconciler.js:87obj.(์ต๋ช
ํจ์) @backend.js:8386updateChildren_rejscon. ReactComeMultiChild.js:351updateChildren @ ReactMultiChild.js:326_updateDOMChildren @ ReactDOMComponent.js:871updateComponent @ ReactDOMComponent.js:700receiveComponent @ ReactDOMComponent.js:645receiveComponent @ ReactReconciler.js:87obj. :562_performComponentUpdate @ ReactCompos @ReactCompositeComponent.js:473ReactCompositeComponent_updateComponent @ ReactPerf.js:66receiveComponent @ ReactCompositeComponent.js:405receiveComponent @ ReactReconciler.js:87obj.(์ต๋ช
ํจ์) @ @ backend.js:8386 ReactChildChildren :216_updateChildren @ ReactMultiChild.js:351updateChildren @ ReactMultiChild.js:326_updateDOMChildren @ ReactDOMComponent.js:871updateComponent @ ReactDOMComponent.js:700receiveComponent @ ReactDOMComponent.js:645receiveComponent @ ReactDOMComponent.js:645receiveComponent @ ReactanonyReconcilouser.js:8 ReactDOMComponent.js:871updateComponent @ ReactDOMComponent.js:871updateComponent @ ReactDOMComponent.js:871updateComponent @ ReactDOMComponent.js:70 ๊ธฐ๋ฅ @ backend.js:8386_updateRenderedComponent @ ReactCompositeComponent.js:562_performComponentUpdate @ ReactCompositeComponent.js:544updateComponent @ ReactCompositeComponent.js:473ReactCompositeComponent_updateComponent @ ReactPerf.js:66receiveComponent @ ReactPerf.js:66receiveComponent @ ReactComposite5receiveerComponent.js:40 backend.js:8386_updateRenderedComponent @ ReactCompositeComponent.js:562_performComponentUpdate @ ReactCompositeComponent.js:544updateComponent @ ReactCompositeComponent.js:473ReactCompositeComponent_updateComponent @ @ ReactPerf.js:66receiveComponent. @ ReactCompositeComponent.js:408receiveComponent. :8386updateChildren @ ReactChildReconciler.js:84_reconcilerUpdateChildren @ ReactMultiChild.js:216_updateChildren @ ReactMultiChild.js:351updateChildren @ ReactMultiChild.js:326_updateDOMChildren @ ReactDOMComponent.js:870updatereComponent @ ReactDOMComponent.js:871updatereComponent eactDOMComponent.js:645receiveComponent @ ReactReconciler.js:87obj.(์ต๋ช
ํจ์) @ backend.js:8386_updateRenderedComponent @ ReactCompositeComponent.js:562_performComponentUpdate @ ReactCompositeComponent.js:544updateComponent @ ReactCompositeComponent. :405receiveComponent @ ReactReconciler.js:87obj.(์ต๋ช
ํจ์) @ backend.js:8386_updateRenderedComponent @ ReactCompositeComponent.js:562_performComponentUpdate @ ReactCompositeComponent.js:544updateComponent @ If44updateComponent @ ReactCompositeComponent.js:473ReactCompositeComponent_up ReactReconciler.js:102obj.(์ต๋ช
ํจ์) @ backend.js:8386runBatchedUpdates @ ReactUpdates.js:129perform @ Transaction.js:136perform @ Transaction.js:136perform @ ReactUpdates.js:86flushBatchedUpdates @ ReactUpdates.js:147React shBatchedUpdates @ ReactPerf.js:66closeAll @ Transaction.js:202perform @ Transaction.js:149batchedUpdates @ ReactDefaultBatchingStrategy.js:62enqueueUpdate @ ReactUpdates.js:176enqueueUpdate @ ReactUpdateQueue.js:24enqueueSetComponent @ ReactUpdateQueue.js.set: @ ReactUpdateQueue.js.set:190Re 65handleChange @ connect.js:301dispatch @ createStore.js:186(์ต๋ช
ํจ์) @ api.js:91(์ต๋ช
ํจ์) @ index.js:15(์ต๋ช
ํจ์) @ middleware.js:22(์ต๋ช
ํจ์) @ bindActionCreators. js:7hide @ index.js:743handleDocumentClick @ index.js:519
warning.js:45 ๊ฒฝ๊ณ : flattenChildren(...): .$outbox80
๊ฐ์ ํค๋ฅผ ๊ฐ์ง ๋ ๋ช
์ ์์์ด ๋ฐ์ํ์ต๋๋ค. ์์ ํค๋ ๊ณ ์ ํด์ผ ํฉ๋๋ค. ๋ ์์์ด ํค๋ฅผ ๊ณต์ ํ๋ฉด ์ฒซ ๋ฒ์งธ ์์๋ง ์ฌ์ฉ๋ฉ๋๋ค.warning @ warning.js:45flattenSingleChildIntoContext @ flattenChildren.js:27traverseAllChildrenImpl @ traverseAllChildren.js:98traverseAllChildrenChildrenImpl @ traverseAllChildren.js:114traverseAllChildren.js:114traverseAllChildren.js:114traverseAllChildren @ :44_reconcilerUpdateChildren @ ReactMultiChild.js:212_updateChildren @ ReactMultiChild.js:351updateChildren @ ReactMultiChild.js:326_updateDOMChildren @ ReactDOMComponent.js:871updateComponent @ ReactDOMComponent.js:871updateComponent @ ReactDOMComponent.js:700receiveComponent @ ReactDOMComponent backend.js:8386_updateRenderedComponent @ ReactCompositeComponent.js:562_performComponentUpdate @ ReactCompositeComponent.js:544updateComponent @ ReactCompositeComponent.js:473ReactCompositeComponent_updateComponent @ ReactPerf.js:66receiveComponent @ ReactCompositeComponent.js:408receiveComponent. on) @ backend.js:8386updateChildren @ ReactChildReconciler.js:84_reconcilerUpdateChildren @ ReactMultiChild.js:216_updateChildren @ ReactMultiChild.js:351updateChildren @ ReactMultiChild.js:351updateChildren @ ReactMultiChild.js:326_updateDOMChildren.js:326_updateDOMChildren.js:326_updateDOMChildren. @OM ReactReconciler.js:87obj.(์ต๋ช
ํจ์) @ backend.js:8386updateChildren @ ReactChildReconciler.js:84_reconcilerUpdateChildren @ ReactMultiChild.js:216_updateChildren @ ReactComponentComponent @ ReactMultiChild.js:351updateChildren @ ReactMultiChild_update js:700receiveComponent @ ReactDOMComponent.js:645receiveComponent @ ReactReconciler.js:87obj.(์ต๋ช
๊ธฐ๋ฅ) @ backend.js:8386_updateRenderedComponent @ ReactCompositeComponent.js:562_performComponentUpdate @ ReactCompositeComponent.js:544updateComponent.act @ ReactCompositeComponent f.js:66receiveComponent @ ReactCompositeComponent.js:405receiveComponent @ ReactReconciler.js:87obj.(์ต๋ช
ํจ์) @ backend.js:8386updateChildren @ ReactChildReconciler.js:84_reconcilerUpdateChildren @ ReactMultiChild.js:216_updateChildren @ ReactMultiChild.js:216_updateChildren :326_updateDOMChildren @ ReactDOMComponent.js:871updateComponent @ ReactDOMComponent.js:700receiveComponent @ ReactDOMComponent.js:645receiveComponent @ ReactReconciler.js:87obj.(์ต๋ช
ํจ์) @backend.js:8386updateChildren_rejscon. ReactComeMultiChild.js:351updateChildren @ ReactMultiChild.js:326_updateDOMChildren @ ReactDOMComponent.js:871updateComponent @ ReactDOMComponent.js:700receiveComponent @ ReactDOMComponent.js:645receiveComponent @ ReactReconciler.js:87obj. :562_performComponentUpdate @ ReactCompos @ReactCompositeComponent.js:473ReactCompositeComponent_updateComponent @ ReactPerf.js:66receiveComponent @ ReactCompositeComponent.js:405receiveComponent @ ReactReconciler.js:87obj.(์ต๋ช
ํจ์) @ @ backend.js:8386 ReactChildChildren :216_updateChildren @ ReactMultiChild.js:351updateChildren @ ReactMultiChild.js:326_updateDOMChildren @ ReactDOMComponent.js:871updateComponent @ ReactDOMComponent.js:700receiveComponent @ ReactDOMComponent.js:645receiveComponent @ ReactDOMComponent.js:645receiveComponent @ ReactanonyReconcilouser.js:8 ReactDOMComponent.js:871updateComponent @ ReactDOMComponent.js:871updateComponent @ ReactDOMComponent.js:871updateComponent @ ReactDOMComponent.js:70 ๊ธฐ๋ฅ @ backend.js:8386_updateRenderedComponent @ ReactCompositeComponent.js:562_performComponentUpdate @ ReactCompositeComponent.js:544updateComponent @ ReactCompositeComponent.js:473ReactCompositeComponent_updateComponent @ ReactPerf.js:66receiveComponent @ ReactPerf.js:66receiveComponent @ ReactComposite5receiveerComponent.js:40 backend.js:8386_updateRenderedComponent @ ReactCompositeComponent.js:562_performComponentUpdate @ ReactCompositeComponent.js:544updateComponent @ ReactCompositeComponent.js:473ReactCompositeComponent_updateComponent @ @ ReactPerf.js:66receiveComponent @ ReactCompositeComponent.js:408receiveComponent. :8386updateChildren @ ReactChildReconciler.js:84_reconcilerUpdateChildren @ ReactMultiChild.js:216_updateChildren @ ReactMultiChild.js:351updateChildren @ ReactMultiChild.js:326_updateDOMChildren @ ReactDOMComponent.js:870updatereComponent @ ReactDOMComponent.js:871updatereComponent eactDOMComponent.js:645receiveComponent @ ReactReconciler.js:87obj.(์ต๋ช
ํจ์) @ backend.js:8386_updateRenderedComponent @ ReactCompositeComponent.js:562_performComponentUpdate @ ReactCompositeComponent.js:544updateComponent @ ReactCompositeComponent.js:473 :405receiveComponent @ ReactReconciler.js:87obj.(์ต๋ช
ํจ์) @ backend.js:8386_updateRenderedComponent @ ReactCompositeComponent.js:562_performComponentUpdate @ ReactCompositeComponent.js:544updateComponent @ If44updateComponent @ ReactCompositeComponent.js:473ReactCompositeComponent_up ReactReconciler.js:102obj.(์ต๋ช
ํจ์) @ backend.js:8386runBatchedUpdates @ ReactUpdates.js:129perform @ Transaction.js:136perform @ Transaction.js:136perform @ ReactUpdates.js:86flushBatchedUpdates @ ReactUpdates.js:147React shBatchedUpdates @ ReactPerf.js:66closeAll @ Transaction.js:202perform @ Transaction.js:149batchedUpdates @ ReactDefaultBatchingStrategy.js:62enqueueUpdate @ ReactUpdates.js:176enqueueUpdate @ ReactUpdateQueue.js:24enqueueSetComponent @ ReactUpdateQueue.js.set: @ ReactUpdateQueue.js.set:190Re 65handleChange @ connect.js:301dispatch @ createStore.js:186(์ต๋ช
ํจ์) @ api.js:91(์ต๋ช
ํจ์) @ index.js:15(์ต๋ช
ํจ์) @ middleware.js:22(์ต๋ช
ํจ์) @ bindActionCreators. js:7hide @ index.js:743handleDocumentClick @ index.js:519
์ฃ์กํฉ๋๋ค. ์ ์ค์์ ๋๋ค.
์ค์ ๋ฌธ์ ๊ฐ ๋ฌด์์ธ์ง ์๋ ค์ฃผ์ค ์ ์์ต๋๊น? onReachEnd ๋ฉ์๋ flatlist๋ฅผ ํธ์ถํ ๋ ๋์ผํ ๊ฒฝ๊ณ ๊ฐ ํ์๋ฉ๋๋ค.
๊ฐ์ฅ ์ ์ฉํ ๋๊ธ
์ค์ ๋ฌธ์ ๊ฐ ๋ฌด์์ธ์ง ์๋ ค์ฃผ์ค ์ ์์ต๋๊น? onReachEnd ๋ฉ์๋ flatlist๋ฅผ ํธ์ถํ ๋ ๋์ผํ ๊ฒฝ๊ณ ๊ฐ ํ์๋ฉ๋๋ค.