Comments (1)
Hi @karankumar89
You can prevent the selection of additional items in the onChange callback. Just don't update your state if the length is greater than a certain amount:
selectMultipleOption(value) {
console.log("Val", value);
if (value.length <= 3) {
this.setState({ arrayValue: value });
}
}
https://codesandbox.io/s/5wmqw8m24n
There is a little weirdness, if you look at the above link the value that is console logged doesn't reflect the number of items selected. This is because the component maintains its own internal state. However, you should still be able to do this, just use your own state as your single source of truth.
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.