Question

下面的代码是React Native的演示文稿我怀疑的是这段代码中“......这个”的含义是什么感谢

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

panHandlers的所有属性都作为道具传递给View。 ...称为传播运算符。

＆＃34;扩展运算符允许在需要多个参数（用于函数调用）或多个元素（用于数组文字）的位置扩展表达式。＆＃34; https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Operators/Spread_operator

Answer 2

如果你想要掌握......操作员，请参阅这个精彩的例子。 https://facebook.github.io/react/docs/jsx-spread.html

如果您不知道将哪些道具传递给组件，您可以使用spread属性。三个点...在JSX中称为扩展运算符。

ES6中的数组已经支持...运算符（或扩展运算符）。对象休息和传播属性还有一个ECMAScript提议。您可以利用这一点并传递道具而无需明确地编写它们。

Answer 3

...是新的ES6 Spread Operator功能，用于替换多个数组参数。请参阅：https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Operators/Spread_operator

react中扩展运算符的一个更好的用例是传递panHandlers数组中的所有值，就像在代码中一样传递道具

React Native，什么意思是“......这个”大约三点

3 个答案: