Reactjs 以预定义的优先级高效地呈现多个本机组件

Reactjs 以预定义的优先级高效地呈现多个本机组件,reactjs,react-native,Reactjs,React Native,假设我有相同类型的N组件(为了简单起见,假设N=5)。假设它们中的每一个都有一个数组[3,1,2,4,5]赋予的优先级(更高的数字=更高的优先级)。以指定的顺序呈现它们,哪种方式优雅高效?因此,首先要渲染最后一个元素(priority=5),然后是优先级为4的元素,最后是第二个元素(优先级为1) 我不想重新渲染已经渲染的组件。例如,一旦呈现了优先级为5的组件,就不应该重新呈现它,因此我不应该更改它的状态 我真正的问题比这更大,我实际上有滑动视图。我想先呈现当前的视图,然后呈现它的邻居。我感兴趣的

假设我有相同类型的
N
组件(为了简单起见,假设N=5)。假设它们中的每一个都有一个数组
[3,1,2,4,5]
赋予的优先级(更高的数字=更高的优先级)。以指定的顺序呈现它们,哪种方式优雅高效?因此,首先要渲染最后一个元素(
priority=5
),然后是优先级为4的元素,最后是第二个元素(优先级为1)

我不想重新渲染已经渲染的组件。例如,一旦呈现了优先级为5的组件,就不应该重新呈现它,因此我不应该更改它的状态

我真正的问题比这更大,我实际上有滑动视图。我想先呈现当前的视图,然后呈现它的邻居。我感兴趣的是关于如何优先渲染不同组件的更一般性的建议

因此,我正在寻找的实际原型是:

 1. at the beginning the screen is empty
 2. 5th element appears (priority = 5)
 3. 4th element appears (priority = 4)
 4. 1st element appears (priority = 3)
 5. 3rd element appears (priority = 2)
 6. 2nd element appears (priority = 1)
在每个步骤中,只应渲染新视图。这可能吗