...スタイル内の構文

Question

スタイル内に...の構文は何ですか？たとえば...StyleSheet.absoluteFillObjectについて：

const styles = StyleSheet.create({ 
    container: { 
    marginLeft: 10, 
    marginBottom: 10, 
    height: (height - 20 - 20)/rows - 10, 
    width: (width - 10)/cols - 10, 
    }, 
    imageContainer: { 
    flex: 1,       // take up all available space 
    }, 
    image: { 
    borderRadius: 10,     // rounded corners 
    ...StyleSheet.absoluteFillObject, // fill up all space in a container 
    }, 
    title: { 
    ...defaultStyles.text, 
    fontSize: 14, 
    marginTop: 4, 
    }, 
    genre: { 
    ...defaultStyles.text, 
    color: '#BBBBBB', 
    fontSize: 12, 
    lineHeight: 14, 
    }, 
}); 

Answer 1

（この答えは、あなたがJavaScriptでの広がり（...）構文について尋ねていることを前提に基づいています）

スプレッド構文式があることを可能にします 複数の引数（関数呼び出し用）または複数の要素 （配列リテラル用）または複数の変数（アロケート用 割り当て用）が必要な場所に展開されます。関数の構文

コール：

myFunction(...iterableObj);

配列リテラルの場合：オブジェクトリテラルについて

[...iterableObj, 4, 5, 6];

は（ECMAスクリプトで新しい;ステージ3案）： オブジェクトリテラル

のECMAScript提案（ステージ3）のためのRest/拡がり性に

スプレッドリテラルオブジェクトに広がる特性を追加します。提供されたオブジェクトから独自の列挙可能なプロパティを新しいオブジェクトにコピーします。

Object.assign（）よりも短い構文を使用して、シャロークローニング（プロトタイプを除く）またはマージするオブジェクトが可能になりました。

例： -

var obj1 = { foo: 'bar', x: 42 }; 

var obj2 = { foo: 'baz', y: 13 }; 

var clonedObj = { ...obj1 }; 

// Object { foo: "bar", x: 42 } 

var mergedObj = { ...obj1, ...obj2 }; 

// Object { foo: "baz", x: 42, y: 13 }