javascript - react 做选项卡大家是怎么做的？

问题描述

问 题

我的做法是把组件放到state里边，那么每次触发事件的时候再setState,感觉做的不对，如果要传递给子组件props的话，怎么写在最后那个组件里，那么每个组件里都有了这个props，有点资源浪费，请问大家是怎么做的呢？

解决方案

最好别这么写吧~

我是没这么写过
你可以
在render的时候判断

render(){
  //this.state.box
  let box;
  switch(this.state.box){
    case 1 :{
      box = <一个组件 />
    } 
    case 2 :{  
      box = <一个组件 />
    } 
  }
  return(
    {box}
  )
}

补充追问:

switch(this.state.box){
  case 1 :{
    box = <一个组件1 属性1={this.props.属性1} />
  } 
  case 2 :{
    box = <一个组件2 属性2={this.props.属性2} />
  } 
  case 3 :{
    box = <一个组件3 属性1={this.props.属性1} 属性2={this.props.属性2} />
  } 
}

这篇关于javascript - react 做选项卡大家是怎么做的？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！