React 父调子失效 export default 出现的问题

//父调另一个子组件 可以调
App.js
this.refs.sidebars.toggleCollapsed();

<Sidebar onRef={this.onRef.bind(this)} ref="sidebars"/>

export default class Sidebar extends React.Component 

//父调另一个子组件 失去效果了
App.js
this.refs.sidebars.toggleCollapsed();

<Sidebar onRef={this.onRef.bind(this)} ref="sidebars"/>

export default connect(
  mapStateToProps,                                             //连接store 取store数据
  mapDispatchToProps                                           //连接store里的reducers 处理view层事件 保存数据到store 被mapStateToProps取数据
)(Sidebar);

左侧栏缩进 展示
1、子传父（App.js） + 非父子传值 
2、从store中取值（App.js） + 非父子传值