Material-ui RadioButtonGroup doesn't seem to be working with React Starter Kit?
See original GitHub issueI posted this issue on StackOverflow as well.
I’m implementing material-ui’s RadioButtonGroup component but it seems like there’s something in React Starter Kit that’s making it incompatible. Any idea what it could be?
When I create a fresh webpack of it here, it works fine, but when I go through RSK’s routing, what I get is something that looks like this. The buttons are unresponsive.
I’ve wrapped material-ui in my client and made sure to inject the tap event plugin.
// client.js
import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';
import injectTapEventPlugin from 'react-tap-event-plugin';
injectTapEventPlugin();
...
...
appInstance = ReactDOM.render(
<App context={context}><MuiThemeProvider>{route.component}</MuiThemeProvider></App>,
container,
() => onRenderComplete(route, location),
);
import React from 'react';
import { RadioButton, RadioButtonGroup } from 'material-ui/RadioButton';
class Contact extends React.Component {
render() {
return (
<div>
<RadioButtonGroup name="shipSpeed" defaultSelected="not_light">
<RadioButton
value="light"
label="Simple"
/>
<RadioButton
value="not_light"
label="Selected by default"
/>
<RadioButton
value="ludicrous"
label="Custom icon"
/>
</RadioButtonGroup>
</div>
);
}
}
export default (Contact);
Issue Analytics
- State:
- Created 6 years ago
- Comments:11 (1 by maintainers)
Top Results From Across the Web
Material ui radio button group not changing on select
I have checked and setValue is being called and changing the value, so I don't understand why the value change isn't being reflected...
Read more >React Material UI Tutorial - 9 - Radio Button - YouTube
Courses - https://learn.codevolution.dev/ Support - https://www.paypal.me/Codevolution Github - https://github.com/gopinav⚡️ Checkout ...
Read more >React Radio Group component - Material UI - MUI
Radio Group. The Radio Group allows the user to select one option from a set. Use radio buttons when the user needs to...
Read more >Best React component libraries (2022 edition) - Retool
Developed by Google in 2014, Material-UI is a general-purpose customizable component library to build React applications.
Read more >Button Group - React-Bootstrap
Group a series of buttons together on a single line or stack them in a vertical column. Basic example#. Wrap a series of...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
+1
Thx to @kamaz
@vu0tran thank you very much for crating this issue! Unfortunately, we have close it due to inactivity. Feel free to re-open it or join our Discord channel for discussion.
NOTE: The
main
branch has been updated with React Starter Kit v2, using JAM-style architecture.