小编fat*_*ahn的帖子

使用css-in-js方法向react组件添加类,如何添加多个组件？

这是classes变量:

const styles = theme => ({
 container: {
  display: 'flex',
  flexWrap: 'wrap'
},
 spacious: {
  padding: 10
},
});

这是我如何使用它:

    return (
     <div className={ this.props.classes.container }>

上面的工作,但是有没有办法添加两个类,而不使用classNamesnpm包？就像是:

     <div className={ this.props.classes.container + this.props.classes.spacious}>

我正在使用该._get库来检查对象中的两个值，然后仅当这两个值都为空时才返回默认值。

例如，我有一个对象；

const obj = { person: { firsName: 'John', lastName: '' }

_get(obj, 'person.firsName', 'noname')} ${_get(state, 
'person.lastName', 'noname')}

这里的问题是，即使这个人至少有一个名字是空的，我也只会得到“noname noname”。

我怎样才能做这样的事情，特别是考虑到我在字符串文字中使用它：

`${_get(obj, '!person.firsName && !person.lasName', 'noname')} } `// pseudo

谢谢

是否可以将全局 CSS 类注入到styled-component?

类似于在 LESS 中使用&:extend或@extend在 SASS 中扩展。

此代码不应用globalCSS样式：

const extendedComponent = styled.div`
  &:extend(.globalClass) // I want this component to inherit all styles of .globalaCSS
  .otherStyles {
    ...
  }
`

globalClass 确实会退出，甚至在内联使用时会应用样式：

extendedComponent(className="globalCSS)

我不明白libraryvalueComponent和valueRendererfrom之间的区别。react-select

从文档...

valueComponent: 返回一种自定义方式来呈现/管理所选值的函数

valueRenderer: 返回以自定义方式呈现选定值的函数的函数（选项）{}

我有一个es6 react组件，我希望状态的初始值取决于传递的prop的初始值，但其值始终为false：

AttachStateToProps组件

<AttachStateToProps VALUE=false />

AttachStateToProps组件：

class AttachStateToProps extends React.Component {
  state = {
    stateValue: this.props.VALUE,
  }
  render() {
    console.log('Value of Prop - ', this.props.VALUE)
    console.log('Value of State - ', this.state.stateValue)

  return null
  }
}

每次更改prop VALUE的值时，我得到：

`Value of Prop - false` // this changes whenever I change prop value in 
   <AttachStateToProps />

和

`Value of State - false` // this does not change accordingly.

我认为这可能与state / setState异步且较旧有关，getinitialState但我不知道为什么。