Comments (4)
You should use a controlled value for this use case, and update the value programmatically.
The visually hidden input is dependent on the state of the Switch component, which wouldn't get updated in that case.
from react-spectrum.
Thx for the feedback.
I already tried that as well, but I cannot observe that the Switch is actually moving.
const [value, setValue] = useState('low'); useEffect(() => { setTimeout(() => { setValue('high'); }, 2000); }, []); <Switch name="power" value={value}> Lo bro </Switch>
from react-spectrum.
Try passing isSelected={selected}
, where selected
is a boolean. The value
attribute is used for the form element value.
from react-spectrum.
Reid - fantastic! (I was thinking "isSelected" was a read-only prop)
Thank you very much!
from react-spectrum.
Related Issues (20)
- iOS keyboard overlaps with inputs when using useModalOverlay hook. HOT 1
- export internal types such as StyleRenderProps, ScrollableProps, etc
- When multiple slider thumbs are visually collapsed, the thumb with the highest index captures all pointer interaction. HOT 9
- The instructions for client side routing for Tantsack Router doesn't work. HOT 2
- "milliseconds" granularity for DateField and TimeField
- [RAC] inputRef is undefined in Textfield HOT 1
- [Bug] `<SearchField />` trigger `onSubmit` when pressing Enter is used for completing IME
- Section does not apply aria label HOT 1
- ComboBox Popover doesn't update if Input position changes HOT 1
- Positioning popovers relative to a virtual element (support right-click context menus) HOT 3
- Undefined unavailableDate crash in DateRangePicker when using SSR optimized localized strings HOT 2
- MacOS - Safari - Show scroll bars always - Word wrap HOT 1
- Incorrect popover placement when using css `zoom` on `body` HOT 1
- useSelect example typescript support HOT 1
- 'TextField' focus does not change border color (TW starter kit) HOT 1
- mpg to mp4 HOT 1
- [TreeView] Expose TreeState to TreeItem? HOT 3
- React 19 support HOT 1
- MenuItem issue when target="_blank" is used HOT 1
- Warning: React does not recognize the `allowFocusWhenDisabled` prop on a DOM element. HOT 5
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-spectrum.