本地做出反應，在什麼「......這

Question

下面的代碼是在本地做出反應我 疑問演示片平均約三點是什麼」 ......這在這一塊代碼 感謝

的意義

render: function() { 
     return (
      <View style={styles.container}> 
      <View 
       style={styles.center} 
       {...this._panResponder.panHandlers} 
      > 
       <Text>Like</Text> 
       <Text>You selected: {this.state.selected}</Text> 
       <Animated.View 
       style={[styles.likeContainer, this.getLikeContainerStyle()]} 
       > 
       <View style={styles.borderContainer} /> 
       <View style={styles.imgContainer}> 
        {this.getImages()} 
       </View> 
       </Animated.View> 
      </View> 
      </View> 
     ); 
     } 

Answer 1

如果你想獲得...操作符的句柄，請參考這個奇妙的例子。 https://facebook.github.io/react/docs/jsx-spread.html

如果您不知道將傳遞給組件的道具，可以使用傳播屬性。三個點...在JSX中稱爲展開運算符。

運算符（或擴展運算符）的...已支持ES6中的數組。還有一個ECMAScript提案的對象休息和傳播屬性。你可以利用這一點，並通過道具而不明確寫出它們。

Answer 2

panHandlers的所有屬性都作爲道具傳遞給View。 ...被稱爲傳播運算符。 「

」擴展運算符允許在需要多個參數（用於函數調用）或多個元素（用於數組文字）的地方擴展表達式。「 https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Operators/Spread_operator

Answer 3

...是新的ES6擴展運算符功能，用於替代多個數組參數。參見：https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Operators/Spread_operator

在react傳播經營者更好的使用情況是通過所有的值panHandlers陣列，在你的代碼作爲道具