React: ๊ฒฝ๊ณ : "๊ฐ™์€ ํ‚ค๋ฅผ ๊ฐ€์ง„ ๋‘ ์ž๋…€๋ฅผ ๋งŒ๋‚ฌ์Šต๋‹ˆ๋‹ค"

์— ๋งŒ๋“  2016๋…„ 11์›” 23์ผ  ยท  3์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: facebook/react

image

image

image

image

ํ‚ค๊ฐ€ ๊ณ ์œ ํ•˜๋‹ค๊ณ  ํ™•์‹ ํ•˜๋ฏ€๋กœ ๊ฒฝ๊ณ  ์˜ค๋ฅ˜๋„ ์ธ์‡„ํ•˜๋Š” ์ด์œ ๋Š” ๋ฌด์—‡์ž…๋‹ˆ๊นŒ?
๋‚ด ๋ฐ˜์‘ ๋ฒ„์ „์€ 0.14.8์ž…๋‹ˆ๋‹ค.

๊ฐ์‚ฌ ํ•ด์š”

๊ฐ€์žฅ ์œ ์šฉํ•œ ๋Œ“๊ธ€

์‹ค์ œ ๋ฌธ์ œ๊ฐ€ ๋ฌด์—‡์ธ์ง€ ์•Œ๋ ค์ฃผ์‹ค ์ˆ˜ ์žˆ์Šต๋‹ˆ๊นŒ? onReachEnd ๋ฉ”์„œ๋“œ flatlist๋ฅผ ํ˜ธ์ถœํ•  ๋•Œ ๋™์ผํ•œ ๊ฒฝ๊ณ ๊ฐ€ ํ‘œ์‹œ๋ฉ๋‹ˆ๋‹ค.

๋ชจ๋“  3 ๋Œ“๊ธ€

์•„๋ž˜์™€ ๊ฐ™์ด ํ•˜๋‚˜์˜ ์ „์ฒด ํ˜ธ์ถœ ์Šคํƒ:

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

image

์ฃ„์†กํ•ฉ๋‹ˆ๋‹ค. ์ œ ์‹ค์ˆ˜์ž…๋‹ˆ๋‹ค.

์‹ค์ œ ๋ฌธ์ œ๊ฐ€ ๋ฌด์—‡์ธ์ง€ ์•Œ๋ ค์ฃผ์‹ค ์ˆ˜ ์žˆ์Šต๋‹ˆ๊นŒ? onReachEnd ๋ฉ”์„œ๋“œ flatlist๋ฅผ ํ˜ธ์ถœํ•  ๋•Œ ๋™์ผํ•œ ๊ฒฝ๊ณ ๊ฐ€ ํ‘œ์‹œ๋ฉ๋‹ˆ๋‹ค.

์ด ํŽ˜์ด์ง€๊ฐ€ ๋„์›€์ด ๋˜์—ˆ๋‚˜์š”?
0 / 5 - 0 ๋“ฑ๊ธ‰