This repo contains the image upload component in react for selecting one or more image from the computer and displaying the selected ones on the screen in real time and you can cancel them too. Use them Enjoy.
-
The component will look like Down arrow in circle above on include.
-
On clicking the down arrow the dropdown body will be visible with animation.
-
On clicking an any menu option the value of that option will be recieved in value function.
- download or clone the dropdown repo
- Paste it in your src directory
- Include the file like:
import Dropdown from './directory_where_file_is_saved/dropdown.js';
- Import the css file for default styling:
import './directory_where_file_is_saved/index.css';
- Place it in your code like :
<Dropdown
value={(val)=>{ this.actionOnValue(val) }}
rows={[
{label: 'Label1', value: 'value1'},
{label: 'Label2', value: 'value2'},
{label: 'Label3', value: 'value3'}
]}
/>
- On clicking an any menu option the value of that option will be recieved in value function like following:
value={(val)=>{ this.actionOnValue(val) }}
Do whataver with the value through function like actionOnValue()
rows={[{label: 'Label1', value: 'value1'}]}
In prop row provide the array of objects like {label: 'label', value: 'value'} that you want to show in the dropdown menu and value that you want to get on selecting any one option.