如何合并多个内联样式对象？

多个内联样式可以通过两种方式合并，两种方式如下所述：

方法 1- 使用扩展运算符： ...运算符称为扩展运算符。在这种情况下，展开运算符将两个对象连接成一个新对象。下面是使用扩展运算符符合并多个内联样式的实现。

Javascript

import React from 'react';
  
const text= {
    color: 'green',
    fontSize: '50px'
,
    textAlign: 'center'
}
const background = {
    background: "#e0e0e0"
}
  
export default function App(){
    return (
      

         
GeeksforGeeks
      
    )
}

方法 2- 使用 Object.assign()：下面是使用 Object.assign() 方法合并多个内联样式的实现。在这种情况下，文本和背景对象都被分配给一个新的空对象。

Javascript

import React from "react";
  
const text= {
    color: 'green',
    fontSize: '50px'
,
    textAlign: 'center'
}
;
const background = {
    background: "#e0e0e0"
};
  
export default function App() {
  return (
    

      
GeeksforGeeks
    
  );
}

输出：在这两种方法中，如果两个或多个对象具有相同的属性，则最右边的对象的属性将反映在输出中。