Question

我是reactjs的新手，我正在创建一个使用它的项目。我在使用多个组件时遇到问题。这是方案

当页面加载时，两个组件都加载了类型的值，设置了getcpeyearlysval和getvnfyearlysval

  setDataMeter1(){
     //here i want only type cpe componnet will load
     }

 <Speedometer type = "cpe" getcpeyearlysval={this.objSpeedometer.getcpeyearlys}/>
  <Speedometer type = "vnf" getvnfyearlysval={this.objSpeedometer.getvnfyearlys}/>

现在我想要当我调用this.setDataMeter1函数时，只有类型cpe组件应该可以工作，但问题是两个调用。

<select value={this.state.selectValue}  onChange={this.setDataMeter1}>

In Speedometer component:
   renderIcon(key, val) {
      if(key == 'vnf') {
        console.log("vnf")
      }
      if(key == 'cpe'){
        console.log("cpe")// this condition should met
      }
   }
    render() {
        return (
            this.renderIcon(this.props.type, this.props)
        );
    }
}

但我的问题是车速表部件的两个条件。

Answer 1

   renderIcon(props) {
      if(props.type == 'vnf') {
        return <Text>hey this is vnf </Text>
      }
      if(props.type == 'cpe'){
        return <Text>hey this is cpe </Text>
      }
   }
    render() {
        return (
            this.renderIcon(this.props)
        );
    }

使用多个组件进行反应

1 个答案: