小编lyn*_*ang的帖子

假设我有一个父组件和一个子组件.

将props有十个按键,但孩子需要只有三个.

将props传递给子组件的更好方法是什么？

class Parent extends Component {
  render() {
     { /*pass all the ten keys into child*/ }
     <Child {...this.props} />
  }
}

要么

class Parent extends Component {
  render() {
     { /*pass only the needed keys into child*/ }
     <Child key1={key1} key2={key2} key3={key3}/>
  }
}

我有一些这样的代码

<div ng-click="showMore = true">show more</div>
<div class="show-more' ng-show="showMore">
   <div class="cell">
       //some span
   </div>
   <div class="cell">
       //some div
   </div>
   <div ng-click="showMore = false">show less</div>
</div>

当用户点击“显示更多”时，我想在动画中显示其余部分

在我的 css 中

.cell {
    padding-top: 20px;
    padding-bottom: 15px;
    height: 110px;
}

我必须摆脱ng-showor ng-hide，因为display:blockordisplay:none不会transition: height 0.5s linear;工作。所以我尝试将.cell折叠时的高度设置为0，展开时将其设置为110px，但是折叠时单元格高度并不是真正的0，因为它包含<span>或<div>具有高度和填充

在我的情况下，如何为展开/折叠过程设置动画？提前致谢

在我以前的项目中,我通常只有一个connect(mapStateToProps, mapDispatchToProps)(App).但是当我今天查看官方示例时,我发现connect()每个容器几乎都有一个.

有多个有什么好处connect()？