Comments (4)
@Puneetbh I'll need an example, I don't get what you mean.
from react-picky.
@Aidurber I have array of objects and with loop i am displaying react-picky dropdown by passing options, now i am passing common generic onchange method to in onChange property, inside that i want to know which dropdon valud changed so i can update state accordingly
Like if country changed by user i want to know user changed country then i will update state of country so want to get some additional data whenever user making selection in dropdown
Basically i want to know which dropdon onChange method invoked
from react-picky.
@Aidurber i got the solution, Thanks
from react-picky.
Hi Aidurber,
I have recently downloaded the picky and have used it inside a map function to loop through my dynamic data. In the picky i have set multiselect as true.
How ever on the onchange function am getting only the currently selected value and not the list of values selected for picky.
This is the sample code:
{
sectorsData.map((selectItem, i) => (
))}
in the on change function i have written the following code :
const selectedOption = (name,value) =>{
setAssetsAddedState(prev => { return { ...prev, [name] : value}});
}
The issue am facing is in the case of multiselect where the value will be a single object containing the current selected item rather than the list of items selected. Could you please help me with the issue. I have tried every possible solution and it does not seem to work.Any help would be really appreciated as am stuck in the issue for sometime.
Where a sample sectorsData:
[
{
"name": "Technology",
"options": [
{ "id": "1",
"name": "AI & Analytics"
},
{
"id": "2",
"name": "Robotics"
},
{
"id": "3",
"name": "IoT"
}
]
},
{
"name": "Sector",
"options": [
{
"id": "1",
"name": "Automotive"
},
{
"id": "2",
"name": "Oil and gas"
}
]
}
]
from react-picky.
Related Issues (20)
- Can we do groupBy feature using react-picky? HOT 2
- How to implement lazy load and windowing with react-picky? HOT 1
- Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined HOT 10
- Picky Dropdown retains the filtered list when re-opened. HOT 2
- class `picky_placeholder` is not set
- Creatable picky HOT 1
- Check "Select All" By Default in Picky HOT 2
- Is it possible to style content in the placeholder area HOT 1
- filter search box should trim spaces before and after content HOT 1
- Unable to load picky.css HOT 1
- class `picky_placeholder` is reversed from version 4.x HOT 1
- Picky 6 HOT 2
- RenderList can have it's own isSelected function based on allSelected state HOT 1
- Would like to have a singleSelectedPlaceholder HOT 2
- Picky is focused twice when navigating using tab button. HOT 1
- maxLength on filter input HOT 3
- Is it possible to close the dropdown after selection if using a single select HOT 2
- [Feature Request]: Sort the selected option to top
- IE11 isn't working in latest version of Picky HOT 2
- Problem with counter of chosen items
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-picky.