I have a component for dropdown (name : JDrop) :

```
import React, { Component } from 'react';
import { View,Picker,Image } from 'react-native';

export default class JDrop extends Component {
  constructor(props,state) {
    super(props)
    this.state = {
      selectedValue:'',
    }
  }

  render() {
    const {items,sizeW,bColor} = this.props;
    return (
      <View style={{flexDirection: 'row',height: 35, width: sizeW, alignItems: 'center',backgroundColor:bColor}}>
        <View>
          <Image style={{width:20,height:10, margin:5}} source={require('../../assets/Images/arrowb.png')}/>
        </View>
        <View >
          <Picker 
              mode='dropdown'
              style={{height: 35, width: sizeW,backgroundColor:bColor}}
              selectedValue={this.state.selectedValue}
              onValueChange={(itemValue, itemIndex) => this.setState({selectedValue: itemValue})}
              prompt='Select...'
              >
                {
                   items.map( (item,ind) => (
                    <Picker.Item label={item.name} value={item.value} key={ind} />
                  ))
              }

              </Picker>
        </View>
    </View>
    )
  }
}

```

I use it in App.js like :

```
<JDrop items={this.state.priority} sizeW={200} bColor={'blue'} ></JDrop>

```

how can I get **selectedValue** from **JDrop** in **App.js** ?