传递价值reactjs

Question

我想动态传递的背景颜色，并希望在组件中设置这样

<Paper style={circleStyle} zDepth={1} circle={true}> V </Paper> 

const circleStyle = { 
    .... 
    background: '#00AA90', 
    ..... 
}; 

在这里，在这个例子中我想通过背景色动态如何做到这一点，我circleStyle还有其他款式吗？

PS：如果我使用ClassName在那种情况下也不工作的动态值，任何想法？

Answer 1

写这样的：

style={{...circleStyle, backgroundColor: 'red'}} 

或者

style={ Object.assign({}, circleStyle, {backgroundColor: 'red'}) } 

现在的风格会得到一个新的对象将包含circleStyle值以及backgroundColor。

检查这个片段：

let obj = {a: 1, b: 2}; 
 

 
let newObj = {...obj};  //equivalent to Object.assign({}, obj) 
 

 
console.log('newObj = ', newObj);

检查这个答案为更多细节Spread Operator (...)：

What do these three dots in React do?